.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

* {
    box-sizing: border-box;
}

a {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.inner-warp {
    width: 1450px;
    margin: 0 auto;
    position: relative;
}

@font-face {
    font-family: 'ziti2';
    src: url("../img/ruizi.TTF");
}

@font-face {
    font-family: 'ziti1';
    src: url("../img/ALIBABA-PUHUITI-BOLD.TTF");
}

@font-face {
    font-family: 'ziti3';
    src: url("../img/SweiSpringCJKsc-Bold.ttf");
}

.padding {
    padding: 3% 0 5% 0;
}

.padding-top {
    padding-top: 5%;
}

.padding-bottom {
    padding-bottom: 5%;
}

.transi {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.img_jz {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img_cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_container {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.textover {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mycontent {
    width: 83%;
    position: relative;
    margin: 0 auto;
}


/*banner视频*/
.banner-moive {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: 1;
}

.banner-moive video {
    object-fit: fill!important;
}
.section-home .moive-button{
    position: absolute;
    right:20px;
    bottom:10%;
    width: 75px;
    z-index: 3;
    display: none;
}
.section-home .moive-button .in-button{
    width: 100%;
    height: 21px;
    border-radius: 20px;
    background: rgba(255,255,255,0.5);
    position: relative;
}
.section-home .moive-button span{
    display: block;
    text-align:center;
    font-size:14px;
    color:#fff;
    margin-bottom:4%;
}
.section-home .moive-button .in-button:before{
    position: absolute;
    content:"";
    left:5px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #004da0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.section-home .moive-button.active .in-button:before{
    left:75%;
}
.section-home .moive-button .stait{
    padding:0 10px;
    display: flex;
    justify-content: space-between;
}
.section-home .moive-button .stait i{
    display: inline-block;
    font-size:14px;
    color:#004da0;
}
.section-home .moive-button .stait i:nth-child(1){
    color:#004da0;
}
.section-home .moive-button.active .stait i:nth-child(1){
    color:#fff;
}
.section-home .moive-button .stait i:nth-child(2){
    color:#fff;
}
.section-home .moive-button.active .stait i:nth-child(2){
    color:#004da0;
}
.section-home .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    left: 0;
    top: 0;
    z-index: 2;
}

.swiper_box {
    padding: 0 13%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    z-index: 3;
}

.swiper-container-banner .swiper-slide .banner-text p {
    color: #fff;
    font-size: 70px;
    font-weight: lighter;
    letter-spacing: 3px;
    line-height: 91px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.swiper-container-banner .swiper-slide .banner-text p.t2 {
    transition-delay: 0.6s;
}

.swiper-container-banner .swiper-slide.ani-slide .banner-text p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
/*.swiper-container-banner .swiper-slide .banner-text .t1{
    transform: translateY(50px);
    opacity: 1;
    transition-delay: 0.3s;
}
.swiper-container-banner .swiper-slide.ani-slide .banner-text .t1
{
    transform: translateY(0);
    opacity: 1;
}
.swiper-container-banner .swiper-slide .banner-text .t2{
    transition-delay: 0.6s;
    transform: translateY(50px);
    opacity: 1;
}
.swiper-container-banner .swiper-slide.ani-slide .banner-text .t2
{
    transform: translateY(0);
    opacity: 1;
}*/

.swiper_box .banner-btn {
    margin-top: 6%;
}

.swiper_box .banner-btn {
    width: 145px;
    height: 60px;
    position: relative;
}

.swiper_box .banner-btn .btn:after {
    display: none;
}

.swiper_box .banner-btn .btn {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255,255,255,0.3);
    top: 0;
    margin-top: 0;
    border-radius: 100%;
}

.swiper_box .banner-btn .btn-left {
    left: 0;
    background: url("../img/banner-left.png") no-repeat center;
}

.swiper_box .banner-btn .btn-right {
    right: 0;
    background: url("../img/banner-right.png") no-repeat center;
}

.swiper_box .banner-btn .circle {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -1px;
    left: -1px;
}

.swiper_box .banner-btn .circle-half {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    overflow: hidden;
}

.swiper_box .banner-btn .circle_right {
    right: 0;
}

.swiper_box .banner-btn .circle_left {
    left: 0;
}

.circleProgress {
    width: 60px;
    height: 60px;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
}

.leftcircle {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    left: 0;
    -webkit-animation: circleProgressLoad_left 6000ms linear;
    animation: circleProgressLoad_left 6000ms linear;
}

.rightcircle {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 0;
    -webkit-animation: circleProgressLoad_right 6000ms linear;
    animation: circleProgressLoad_right 6000ms linear;
}

.leftcircle, .rightcircle {
    transform: rotate(45deg);
}

@-webkit-keyframes circleProgressLoad_right {
    0% {
        transform: rotate(-140deg)
    }

    50% {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@keyframes circleProgressLoad_left {
    0% {
        transform: rotate(-135deg)
    }

    50% {
        transform: rotate(-135deg)
    }

    to {
        transform: rotate(45deg)
    }
}

/*导航栏*/
.allnav {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}
.allnav .xiala{
    position: absolute;
    width: 59%;
    right: 0;
    top: 105%;
    background: url(../img/xialabg1.png) no-repeat left center;
    padding-left: 1%;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
}
.allnav .xiala[date=active]{
    background: url(../img/xialabg.png) no-repeat left center;
    background-size: cover;
}
.allnav .xiala.active{
    top:100%;
    opacity: 1;
    visibility: visible;
}
.allnav .xiala a{
    display: inline-block;
    color:#fff;
    font-size:18px;
    color:#fff;
    margin:0 5% 0 3%;
    line-height: 88px;
    position: relative;
}
.allnav .xiala a:before{
    position: absolute;
    content:"";
    left:-20px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width:0;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.allnav .xiala a:hover:before{
    width: 15px;
}
.headerbox h1 {
    float: left;
    width: 128px;
    height: 128px;
    position: relative;
    border-right: 1px solid rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.headerbox h1.border-no {
    border-right: none;
}

.fp-viewing-chuxing .headerbox h1 {
    border-right: none;
}

.fp-viewing-guanli .headerbox h1 {
    border-right: none;
}

.fp-viewing-travel .headerbox h1 {
    border-right: none;
    background: rgba(255,255,255,0.08);
}

.fp-viewing-service .headerbox h1 {
    border-right: none;
    background: rgba(255,255,255,0.08);
}

.headerbox h1 img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.logo-blue {
    display: none;
}

.fp-viewing-about .logo-white {
    display: none;
}

.fp-viewing-about .logo-blue {
    display: block;
}
.fp-viewing-news .logo-blue{
    display: block;
}
.fp-viewing-chuxing .logo-white {
    display: none;
}

.fp-viewing-chuxing .logo-blue {
    display: block;
}

.menubox {
    float: right;
    width: calc(100% - 128px);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-right: 2%;
}

.menubox.scroll {
    background: rgba(0,0,0,0.4);
}

.fp-viewing-chuxing .menubox {
    border-bottom: none;
}

.fp-viewing-news .menubox {
    border-bottom: none;
}
.fp-viewing-guanli .menubox {
    border-bottom: none;
}

.fp-viewing-travel .menubox {
    border-bottom: none;
}

.fp-viewing-service .menubox {
    border-bottom: none;
}

.fp-viewing-contact .menubox {
    border-bottom: none;
}

.menu {
    float: right;
    width: 50%;
    justify-content: space-between;
    margin-right: 5%;
    display: flex;
    visibility: visible;
}

.fp-viewing-about .menu {
    display: none;
}
.fp-viewing-news .menu {
    display: none;
}
.fp-viewing-chuxing .menu {
    display: none;
}

.fp-viewing-guanli .menu {
    display: none;
}

.fp-viewing-travel .menu {
    display: none;
}

.fp-viewing-service .menu {
    display: none;
}

.fp-viewing-contact .menu {
    display: none;
}

.menu li a {
    display: block;
    line-height: 128px;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.menu li a:after {
    position: absolute;
    content: "";
    bottom: -1px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #004da0;
}

.menu li a:hover:after ,.menu li a.active:after {
    width: 130%;
}

.allbtn {
    float: right;
    width: 85px;
    height: 128px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.allbtn .text {
    color: #fff;
}

.fp-viewing-chuxing .allbtn .text {
    color: #999;
}
.fp-viewing-news .allbtn .text {
    color: #999;
}
.fp-viewing-contact .allbtn .text {
    color: #014ea0;
}

.allbtn .text .fir {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.allbtn .text .sec {
    text-transform: uppercase;
    font-size: 12px;
    text-align-last: justify;
}

.allbtn .linebox {
    width: 30px;
    height: 15px;
    position: relative;
}

.allbtn .linebox span {
    display: inline-block;
    width: 59%;
    height: 1px;
    background: #fff;
    right: 0;
    position: absolute;
}

.fp-viewing-chuxing .allbtn .linebox span {
    background: #999;
}
.fp-viewing-news .allbtn .linebox span {
    background: #999;
}
.fp-viewing-contact .allbtn .linebox span {
    background: #014ea0;
}

.allbtn .linebox span.line-top {
    top: 0;
}

.allbtn .linebox span.line-cent {
    top: 50%;
    width: 100%;
}

.allbtn .linebox span.line-bottom {
    bottom: 0;
}

.allbtn:hover .linebox span.line-top ,.allbtn:hover .linebox span.line-bottom {
    width: 100%;
}

.allbtn:before {
    position: absolute;
    content: "";
    left: -50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background: #fff;
    opacity: 0.5;
    display: none;
}

.fp-viewing-home .allbtn:before {
    display: block;
}

.ceBtn {
    position: fixed;
    width: 128px;
    height: calc(100% - 128px);
    left: 0;
    bottom: 0;
    border-right: 1px solid rgba(255,255,255,0.3);
    z-index: 1000;
}

.fp-viewing-chuxing .ceBtn {
    border-right: none;
}

.fp-viewing-guanli .ceBtn {
    border-right: none;
}

.fp-viewing-travel .ceBtn {
    border-right: none;
    background: rgba(255,255,255,0.08);
}

.fp-viewing-service .ceBtn {
    border-right: none;
    background: rgba(255,255,255,0.08);
}

.fp-viewing-contact .ceBtn {
    border-right: none;
}

.ceBtn ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 250px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ceBtn ul li {
    text-align: center;
}

.ceBtn ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
}

.ceBtn ul li a i {
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ceBtn ul li a:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid rgba(255,255,255,0.3);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -moz-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.ceBtn ul li.active a:after {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -o-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}

.xian {
    position: absolute;
    width: 1px;
    height: 150px;
    bottom: 0;
    left: 50%;
    background: hsla(0,0%,100%,.2);
    z-index: 1;
}

.xian:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    left: -4px;
    top: 0;
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    -webkit-animation: xian_move 2s ease infinite;
    animation: xian_move 2s ease infinite;
}

@-webkit-keyframes xian_move {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        transform: translateY(120px) scale(.5);
        opacity: 0
    }
}

@keyframes xian_move {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        transform: translateY(120px) scale(.5);
        opacity: 0
    }
}


/*关于我们*/
.section-about {
    background: url("../img/aboutbg.jpg") no-repeat center / cover;
}

.fp-viewing-about .ceBtn ul li a i ,.fp-viewing-news .ceBtn ul li a i ,.fp-viewing-chuxing .ceBtn ul li a i {
    background: #004da0;
}

.fp-viewing-about .ceBtn ul li a:after ,.fp-viewing-news .ceBtn ul li a:after ,.fp-viewing-chuxing .ceBtn ul li a:after {
    border: 1px solid rgba(0,77,160,0.5);
}

.fp-viewing-contact .ceBtn ul li a i {
    background: #1485ff;
}

.fp-viewing-contact .ceBtn ul li a:after {
    border: 1px solid rgba(20,133,255,0.5);
}

.section-about .about_con {
    float: left;
    width: 49%;
    height: 100%;
    padding-left: 14%;
    display: flex;
    align-items: center;
}

.section-about .about_con_inner {
    width: 100%;
}

.section-about .moveshuzi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 28%;
}

.section-about .moveshuzi .list {
    margin-bottom: 10%;
}

.section-about .moveshuzi .list .top {
    width: 183px;
    height: 178px;
    background: url("../img/moveshuzi.png") no-repeat center;
    background-size: contain;
    margin:0 auto;
}

.section-about .moveshuzi .list .top .img {
    position: relative;
    top: -18px;
    width: 85px;
    height: 90px;
    margin: 0 auto;
}

.section-about .moveshuzi .list .top .fir span {
    display: inline-block;
    color: #333;
}

.section-about .moveshuzi .list .top .fir {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.section-about .moveshuzi .list .top .fir span:nth-child(1) {
    font-family: ziti1;
    font-size: 55px;
}

.section-about .moveshuzi .list .top .fir span:nth-child(2) {
    font-weight: 700;
    font-size: 20px;
}

.section-about .moveshuzi .list .sec {
    text-align: center;
    font-size: 22px;
    color: #333;
    font-weight: lighter;
    margin-top: 8%;
}

.section-about .lunboimg {
    float: right;
    width: 50.8%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.section-about .lunboimg .swiper-container {
    width: 100%;
    height: 100%;
}

.section-about .lunboimg .imgbox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-about .lunboimg .imgbox img{
    position: absolute;
    height: 100%;
    max-width: 100%;
    right:0;
    bottom:0;
}
.section-about .lunboimg .imgbox .text {
    position: absolute;
    bottom: 7%;
    left: 26%;
    color: #fff;
}

.section-about .lunboimg .imgbox .text:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    background: rgba(255,255,255,0.35);
    right: -18%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.section-about .lunboimg .imgbox .text .swiper-button-next {
    right: -40%;
}

.section-about .lunboimg .imgbox .text .swiper-button-next:after {
    font-size: 33px;
}

.section-about .lunboimg .imgbox .text .fir {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 2%;
    letter-spacing: 3px;
}

.section-about .lunboimg .imgbox .text .sec {
    font-weight: lighter;
    font-size: 18px;
}

.section-about .shuzi {
    font-size: 250px;
    font-family: Impact;
    color: #c9c9c9;
    opacity: 0.18;
    position: absolute;
    top: 0;
    right: 26%;
    z-index: 1;
}

.section-about .jianjie {
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

a.a1 {
    width: 170px;
    height: 60px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

a.a1 .imgbox {
    width: 36px;
    height: 36px;
    position: relative;
    margin-right: 9%;
    overflow: hidden;
}

a.a1 .imgbox .img1 {
    z-index: 10;
}

a.a1 .imgbox .img2 {
    z-index: 8;
}

a.a1 .imgbox .img3 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    transform-origin: center bottom;
    -webkit-animation: move_wave 5s infinite alternate;
    -o-animation: move_wave 5s infinite alternate;
    animation: move_wave 5s infinite alternate;
}

a.a1 span {
    font-size: 16px;
    color: #333;
    font-weight: lighter;
}

a.a1:hover span {
    color: #004da0;
}

@keyframes move_wave {
    0% {
        transform: translateX(0)  translateZ(0) scaleY(0)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.section-chuxing .chuxing-tbox{
    position: absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top:0;
    text-align:center;
    width: 500px;
    height: 132px;
    background: url("../img/chuxing-title-bg.png") no-repeat center bottom;
    background-size: cover;
    z-index: 20;
}
.section-chuxing .chuxing-tbox .fir{
    color: #d6d7d9;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: lighter;
    font-family: ziti3;
    margin-top: 4%;
}
.section-chuxing .chuxing-tbox .sec{
    color: #004da0;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
}
.section-chuxing .chuxing-tbox .sec span{
    font-weight: 200;
}

.section-chuxing .chuxing-item {
    width: 100%;
    height: 100%;
}

.section-chuxing .chuxing-list {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transform: translateY(40px);
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    -ms-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
    opacity: 0;
}

.section-chuxing .chuxing-list:nth-child(1) {
    transition-delay: 0.3s;
}

.section-chuxing .chuxing-list:nth-child(2) {
    transition-delay: 0.6s;
}

.section-chuxing .chuxing-list:nth-child(3) {
    transition-delay: 0.9s;
}

.section-chuxing .chuxing-list:nth-child(4) {
    transition-delay: 1.2s;
}

.fp-viewing-chuxing .section-chuxing .chuxing-list {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.section-chuxing .chuxing-list .chuxing-list-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.section-chuxing .chuxing-list:hover .chuxing-list-bg img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.section-chuxing .chuxing-list-text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    left: 0;
    top: 0;
}

.section-chuxing .chuxing-list:hover .chuxing-list-text {
    opacity: 1;
    top: 100%;
}

.section-chuxing .chuxing-list-text-top {
    margin-top: 48%;
}

.section-chuxing .chuxing-list-text-top .imgbox {
    position: relative;
    height: 55px;
    width: 100%;
    margin-bottom: 2%;
}

.section-chuxing .chuxing-list-text-top .fir {
    font-size: 30px;
    color: #333;
    font-weight: lighter;
    text-align: center;
    margin-bottom: 1%;
}

.section-chuxing .chuxing-list-text-top .sec {
    font-size: 14px;
    color: #cccccc;
    text-transform: uppercase;
    text-align: center;
}

.section-chuxing .chuxing-list-text-bottom {
    margin-top: 12%;
    z-index: 2;
    position: relative;
}

.section-chuxing .chuxing-list-text-bottom p {
    font-size: 16px;
    color: #333;
    margin-bottom: 9%;
    text-align: center;
}

.section-chuxing .chuxing-list-text-bottom .t {
    font-size: 16px;
    color: #999;
    margin-bottom: 9%;
    text-align: center;
}

.section-chuxing .chuxing-list-text-bottom .t span {
    font-size: 22px;
    color: #333;
    font-family: ziti1;
}

.section-chuxing .chuxing-list .chelun {
    position: absolute;
    bottom: 12%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 52px;
    height: 50px;
    z-index: 1;
}

.section-chuxing .chuxing-list-info {
    background: #004da0 url("../img/chuxing-icon.png") no-repeat bottom right;
    background-size: contain;
    position: absolute;
    width: 100%;
    bottom: -100%;
    left: 0;
    text-align: center;
    padding: 21% 0 29% 0;
    z-index: 2;
}

.section-chuxing .chuxing-list:hover .chuxing-list-info {
    bottom: 0;
}

.section-chuxing .chuxing-list-info a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition-delay: 0.3s;
    display: block;
    opacity: 0;
}

.section-chuxing .chuxing-list:hover .chuxing-list-info a {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.section-chuxing .chuxing-list-info .imgbox {
    width: 100%;
    height: 55px;
    position: relative;
}

.section-chuxing .chuxing-list-info .fir {
    color: #fff;
    font-size: 30px;
    font-weight: lighter;
    margin: 2% 0 1%;
}

.section-chuxing .chuxing-list-info .sec {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: SimSun;
}

.section-chuxing .chuxing-list-info .icon {
    position: absolute;
    width: 58px;
    height: 58px;
    background: rgba(0,0,0,0.5);
    left: 50%;
    margin-left: -29px;
    top: -29px;
    border-radius: 100%;
}

.section-chuxing .chuxing-list-info:hover .icon {
    -webkit-animation: tran_s2 10s linear infinite alternate;
    -o-animation: tran_s2 10s linear infinite alternate;
    animation: tran_s2 10s linear infinite alternate;
}

@keyframes tran_s2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.section-guanli {
    background: url("../img/guanlibg.jpg") no-repeat center / cover;
}

.section-guanli .left {
    float: left;
    width: 40%;
    height: 100%;
    padding: 0 3% 0 13%;
    display: flex;
    align-items: center;
}

.section-guanli .left-con .fir {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: lighter;
    font-family: ziti3;
}

.section-guanli .left-con .sec {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 1% 0 15% 0;
}

.section-guanli .left-con .sec span {
    font-weight: 200;
}

.section-guanli .left-con .thr {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}

.section-guanli .left-con .line {
    background: #ffe655;
    width: 69px;
    height: 9px;
    margin-top: 23%;
}

a.a2 {
    width: 170px;
    height: 60px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 27%;
}

a.a2 .s1 {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    margin-right: 4%;
}

a.a2 .dian {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a.a2:hover .dian {
    width: 50px;
}

a.a2 .dian span {
    width: 8px;
    height: 8px;
    background: #94a8c3;
    border-radius: 100%;
    margin-right: 10%;
}

a.a2 .dian span.cent {
    width: 12px;
    height: 12px;
    background: #fff;
}

a.a2:hover .dian span.cent {
    width: 8px;
    height: 8px;
}

a.a2:hover .dian span {
    background: #fff;
}

.section-guanli .right {
    float: left;
    width: 52%;
    height: 100%;
}

.section-guanli .guanli-item {
    width: 100%;
    height: 100%
}

.section-guanli .guanli-list {
    float: left;
    width: 19%;
    height: 100%;
    position: relative;
    /*opacity: 0;
    -webkit-transform: translatex(40px);
    -moz-transform: translatex(40px);
    -ms-transform: translatex(40px);
    -o-transform: translatex(40px);
    transform: translatex(40px);*/
}
/*.section-guanli .guanli-list:nth-child(1){
    transition-delay: 0.3s;
}
.section-guanli .guanli-list:nth-child(2){
    transition-delay: 0.6s;
}
.section-guanli .guanli-list:nth-child(3){
    transition-delay: 0.9s;
}
.section-guanli .guanli-list:nth-child(4){
    transition-delay: 1.2s;
}
.section-guanli .guanli-list:nth-child(5){
    transition-delay: 1.5s;
}*/
/*.fp-viewing-guanli .section-guanli .guanli-list{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}*/
.section-guanli .guanli-list.active {
    width: 24%;
}

.section-guanli .guanli-list .imgbox {
    width: 100%;
    height: 550px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.3;
}

.section-guanli .guanli-list.active .imgbox {
    opacity: 1;
}

.section-guanli .guanli-list .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: url("../img/guanli-jianbian.png") no-repeat center / cover;
}

.section-guanli .guanli-list .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.section-guanli .guanli-list .text .fir {
    position: absolute;
    top: 20%;
    left: 37%;
    font-size: 16px;
    color: #fff;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    height: 475px;
    padding: 10px;
    border: 2px solid #446da3;
    float: left;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    transition-delay: 0.35s;
    letter-spacing: 4px;
}

.section-guanli .guanli-list.active .text .fir {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.section-guanli .guanli-list .text .sec {
    position: absolute;
    top: 20%;
    right: 37%;
}

.section-guanli .guanli-list .text .sec .s1 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    letter-spacing: 12px;
}

.section-guanli .guanli-list .text .sec .s2 {
    color: rgba(255,255,255,0.5);
    font-size: 22px;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    margin-left: 11%;
    margin-top: 58%;
    font-weight: 200;
}

.section-guanli .guanli-list.active .text .fir {
    top: 12%;
    left: 19%;
}

.section-guanli .guanli-list.active .text .sec {
    top: 12%;
    right: 18%;
}

.section-travel .bg-lunbo {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.swiper-container-travelbg {
    width: 100%;
    height: 100%;
}

.swiper-container-travelbg .swiper-slide {
    width: 100%;
    height: 100%;
}

.section-travel .con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.section-travel .con-left-box {
    float: left;
    width: 40%;
    margin-left: 10%;
    margin-top: 11%;
}

.section-travel .con-left {
    display: none;
}

.section-travel .con-left .fir {
    color: #fff;
    font-weight: lighter;
    line-height: 26px;
    font-size: 16px;
    margin: 6% 0;
}

.section-travel .con-left .list {
    float: left;
    width: 21%;
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    padding: 2% 0;
    margin-right: 1%;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

.section-travel .con-left .list.active {
    border: 2px solid rgba(255,255,255,1);
}

.section-travel .con-left .list:nth-child(1) {
    transition-delay: 0.3s;
}

.section-travel .con-left .list:nth-child(2) {
    transition-delay: 0.6s;
}

.section-travel .con-left .list:nth-child(3) {
    transition-delay: 0.9s;
}

.section-travel .con-left .list:nth-child(4) {
    transition-delay: 1.2s;
}

.fp-viewing-travel .section-travel .con-left .list {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.section-travel .con-left .list .imgbox {
    width: 100%;
    height: 45px;
    position: relative;
}

.section-travel .con-left .list .t {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 3%;
}

.section-travel .con-right {
    float: left;
    width: 35%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0) 9%,rgba(255,255,255,0.16));
    margin-left: 5%;
}

.section-travel .con-right .tbox {
    width: 100%;
    height: 33%;
    padding: 18% 7% 0 7%;
    color: #fff;
}

.section-travel .con-right .tbox .fir {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: ziti3;
}

.section-travel .con-right .tbox .sec {
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 1px;
}

.section-travel .con-right .tbox .sec span {
    font-weight: 200;
}

.section-travel .con-right .tbottom {
    width: 100%;
    height: 67%;
}

.section-travel .con-right .tbottom .list {
    padding: 0 16% 0 7%;
    width: 100%;
    height: 40%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.section-travel .con-right .tbottom .list.active {
    height: 60%;
    background: #a38a51;
}

.section-travel .con-right .tbottom .list-inner {
    width: 100%;
}

.section-travel .con-right .tbottom .list .fir {
    display: flex;
    align-items: center;
}

.section-travel .con-right .tbottom .list .fir .s1 {
    color: #fff;
    font-size: 34px;
    letter-spacing: 1px;
}

.section-travel .con-right .tbottom .list .fir .s2 {
    font-family: ziti1;
    text-transform: uppercase;
    font-size: 28px;
    color: rgba(255,255,255,0.09);
    margin-left: 2%;
}

.section-travel .con-right .tbottom .list .desbox {
    height: 0;
    overflow: hidden;
}

.section-travel .con-right .tbottom .list.active .desbox {
    height: inherit;
}

.section-travel .con-right .tbottom .list .sec {
    font-size: 14px;
    line-height: 26px;
    margin-top: 6%;
    color: #fff;
    margin-bottom: 3%;
}

.section-travel .con-right .tbottom .list .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -4%;
}

.section-travel .con-right .tbottom .list:nth-child(2) .icon {
    right: -2%;
}

.allbox {
    width: 90px;
    height: 40px;
    position: relative;
    line-height: 40px;
    border: 1px solid rgba(255,255,255,0.36);
    overflow: hidden;
}

.allbox a {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    position: relative;
}

.allbox a:before {
    content: attr(c-text);
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
}

.allbox a span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
    vertical-align: 0;
}

.allbox a:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.allbox a:hover span {
    z-index: 2;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: inline-block;
}

.allbox a:hover span:nth-child(1) {
    -webkit-transition-delay: 45ms;
    transition-delay: 45ms;
}

.allbox a:hover span:nth-child(2) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s;
}

.allbox a:hover span:nth-child(3) {
    -webkit-transition-delay: .135s;
    transition-delay: .135s;
}

.allbox a:hover span:nth-child(4) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s;
}

.section-travel .maoshan-logo {
    position: absolute;
    bottom: 5%;
    left: 43%;
    z-index: 10;
    animation: maoshan-logo-move 3s infinite ease alternate;
}

.section-travel .maoshan-logo:hover {
    animation: none;
}

@keyframes maoshan-logo-move {
    0% {
        transform: scale(0.9);
        opacity: 0.6;
    }

    100% {
        transform: scale(0.7);
        opacity: 0.4;
    }
}

.section-service {
    background: url("../img/servicebg.jpg") no-repeat center / cover;
}

.section-service .con-left {
    width: 55%;
    margin-left: 9%;
}

.section-service .tbox {
    padding-left: 4%;
    margin-bottom: 5%;
}

.section-service .tbox .fir {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    font-family: ziti3;
}

.section-service .tbox .sec {
    letter-spacing: 1px;
}

.section-service .tbox .sec .s1 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    float: left;
}

.section-service .tbox .sec span {
    font-weight: 200;
}

.section-service .tbox .sec .s2 {
    float: left;
    color: rgba(255,255,255,0.5);
    font-size: 18px;
    font-family: Impact;
    margin: 2% 0 0 2%;
}

.section-service .tbox .sec .s2 span {
    font-size: 30px;
    color: #fff;
    font-family: Impact;
}

.section-service .servicelunbo {
    border-radius: 9px;
    border: 1px solid #758db1;
    position: relative;
    width: 100%;
}

.section-service .swiper-container {
    width: 100%;
}

.section-service .swiper-container .swiper-slide {
    width: 100%;
}

.section-service .servicebox {
    padding: 4% 3%;
    overflow: hidden;
}

.section-service .s-left {
    width: 255px;
    float: left;
    color: #fff;
}

.section-service .s-left .fir {
    font-weight: 700;
    font-size: 26px;
}

.section-service .s-left .line {
    width: 22px;
    height: 2px;
    background: #fff;
    margin: 7% 0;
}

.section-service .s-left .sec {
    font-size: 18px;
}

.section-service .s-left .bottom {
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 58%;
}

.section-service .s-left .bottom .imgbox {
    margin-right: 5%;
}

.section-service .s-left .bottom .text .fir {
    font-size: 12px;
    font-style: italic;
}

.section-service .s-left .bottom .text .sec {
    font-size: 26px;
    font-style: italic;
}

.section-service .s-right {
    float: right;
    width: calc(100% - 280px);
    height: 320px;
}

.abut {
    margin-top: 7%;
    margin-left: 4%;
}

.abut a {
    display: block;
    width: 170px;
    height: 60px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.abut a .bg {
    position: absolute;
    width: 2%;
    height: 100%;
    background: #74b63b;
    left: 0;
    top: 0;
    z-index: 1;
}

.abut a:hover .bg {
    width: 100%;
}

.abut a .text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abut a .text span {
    font-size: 16px;
    color: #004da0;
    font-weight: lighter;
    display: inline-block;
    margin-right: 3%;
}

.abut a:hover .text span {
    color: #fff;
}

.abut a .text .icon {
    width: 22px;
    height: 20px;
    background: url("../img/abut-icon.png") no-repeat center;
    animation: abut-move 1.5s infinite ease alternate;
}

.abut a:hover .text .icon {
    background: url("../img/abut-icon1.png") no-repeat center;
}

@keyframes abut-move {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(20px);
    }
}

.section-service {
    overflow: hidden;
}

.section-service .yuanbox {
    width: 62vw;
    height: 62vw;
    border-radius: 100%;
    border: 1px solid #fff;
    background: rgb(0 0 0 / 8%);
    position: absolute;
    right: -27%;
    bottom: -55%;
    z-index: 10;
}

.section-service .yuan1 {
    position: absolute;
    width: 68%;
    height: 68%;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgb(42 82 148 / 76%);
}

.section-service .yuan2 {
    position: absolute;
    width: 40%;
    height: 40%;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgb(255 255 255 / 8%);
}

.section-service .yuan3 {
    position: absolute;
    width: 12%;
    height: 12%;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgb(42 82 148 / 76%);
}

.section-service .yuanbox .list {
    display: flex;
    align-items: center;
    position: absolute;
    width: 220px;
    cursor: pointer;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
}

.fp-viewing-service .section-service .yuanbox .list {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.section-service .yuanbox .list1 {
    top: 10%;
    left: 12.5%;
    transition-delay: 0.3s;
}

.section-service .yuanbox .list2 {
    top: 25%;
    left: 1.5%;
    transition-delay: 0.6s;
}

.section-service .yuanbox .list3 {
    top: 40%;
    left: -3%;
    transition-delay: 0.9s;
}

.section-service .yuanbox .list .icon {
    width: 80px;
    height: 80px;
    position: relative;
}

.section-service .yuanbox .list .icon1 {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 2px solid #fff;
    background: #006aa6;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.section-service .yuanbox .list .icon1:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -o-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}

.section-service .yuanbox .list .text .fir {
    font-size: 24px;
    color: rgba(255,255,255,0.65);
    font-weight: 700;
    letter-spacing: 2px;
}

.section-service .yuanbox .list.active .text .fir {
    color: rgba(255,255,255,1);
}

.section-service .yuanbox .list .text .sec {
    font-size: 24px;
    color: rgba(255,255,255,0.65);
    font-weight: 200;
    letter-spacing: 2px;
    margin-top: 3%;
}

.section-service .yuanbox .list.active .text .sec {
    color: rgba(255,255,255,1);
}

.section-service .yuanbox .list .icon2 {
    width: 60px;
    height: 60px;
    border: 1px solid #006aa6;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -moz-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}

.section-service .yuanbox .list.active .icon1 {
    -webkit-transform: translate(-50%,-50%) scale(0);
    -moz-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}

.section-service .yuanbox .list.active .icon2 {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -o-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}

.section-contact {
    background: url("../img/contactbg.jpg") no-repeat center / cover;
    overflow: hidden;
}

.section-contact .fp-tableCell {
    display: block;
}

.section-contact .top {
    width: 65%;
    padding: 3% 0;
    background: url("../img/contact-top-bg.png") no-repeat right bottom / cover;
}

.fp-viewing-contact .headerbox h1 {
    display: none;
}

.headerbox h1.scroll {
    background: rgba(0,0,0,0.4);
}

.section-contact .top .t {
    font-size: 88px;
    font-weight: 700;
    letter-spacing: 1px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,0.5);
    text-stroke: 1px rgba(255,255,255,0.5);
}

.section-contact .lxbox {
    margin-top: 2.5%;
}

.section-contact .lxbox .left {
    float: left;
    margin-left: 15%;
}

.section-contact .lxbox .left .tel {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 3%;
}

.section-contact .lxbox .left .tel .text {
    color: #fff;
    font-size: 50px;
    font-family: ziti1;
    letter-spacing: 2px;
}

.section-contact .lxbox .left .lx-list p {
    padding-left: 32px;
    margin-bottom: 3%;
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
}

.section-contact .lxbox .left .lx-list p.email {
    background: url("../img/c-email.png") no-repeat left center;
}

.section-contact .lxbox .left .lx-list p.add {
    background: url("../img/c-address.png") no-repeat left center;
}

.section-contact .lxbox .right {
    float: left;
    margin-left: 4%;
}

.section-contact .lxbox .right .fir {
    font-size: 32px;
    color: rgba(255,255,255,0.3);
    letter-spacing: 7px;
    font-style: italic;
    margin-bottom: 7%;
}

.section-contact .lxbox .right .imgbox a {
    display: inline-block;
    width: 198px;
    height: 85px;
    margin-top: 4%;
}

.section-contact .lxbox .right .imgbox a:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.section-contact .lxbox .right .imgbox a.contact {
    background: url("../img/c-img1.png") no-repeat center;
    background-size: contain;
}

.section-contact .lxbox .right .imgbox a.message {
    background: url("../img/c-img2.png") no-repeat center;
    background-size: contain;
}

.section-contact .bottom {
    padding-left: 9.5%;
    padding-right: 7%;
    margin-top: 2.5%;
}

.section-contact .bottom .erbox {
    float: left;
    width: 20%;
    display: flex;
    justify-content: space-between;
    margin-top: 7%;
}

.section-contact .bottom .erbox .list {
    width: 33%;
    background: #fff;
    padding: 3%;
    text-align: center;
    box-shadow: 0px 0px 10px #d6d6d6;
}

.section-contact .bottom .erbox .list img {
    width: 100%;
}

.section-contact .bottom .erbox .list p {
    font-size: 16px;
    color: #999999;
    font-weight: lighter;
    margin-top: 10%;
}

.section-contact .bottom .f-menu-box {
    float: right;
    width: 65%;
}

.section-contact .bottom .f-menu {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.section-contact .bottom .f-menu:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 124%;
    bottom: -23%;
    left: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e9e9e8;
}

.section-contact .bottom .f-menu .list .fir {
    font-size: 18px;
    color: #333;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 17px;
}

.section-contact .bottom .f-menu .list .fir:before {
    background: #004da0;
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    top: 45%;
    left: -15px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.section-contact .bottom .f-menu .list.active .fir:before {
    width: 10px;
}

.section-contact .bottom .f-menu .list .zibox a {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #aaa;
}

.section-contact .bottom .f-menu .list .zibox a:hover {
    color: #004da0;
}

.section-contact .bottom .f-copy {
    margin-top: 9%;
}

.section-contact .bottom .f-copy .fir {
    display: block;
    font-size: 14px;
    color: #ccc;
}

.section-contact .bottom .f-copy .sec {
    font-size: 14px;
    color: #ccc;
    text-transform: uppercase;
}

.section-contact .bottom .f-copy .sec a {
    color: #ccc;
}

.sbanner .s-banner-img {
    width: 100%;
    display: block;
}

.sbanner {
    position: relative;
}

.sbanner .s-banner-text {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
}

.sbanner .s-banner-text .tbox {
    color: #fff;
    position: relative;
}

.sbanner .s-banner-text .tbox .fir {
    font-size: 60px;
    font-weight: lighter;
}

.sbanner .s-banner-text .tbox .sec {
    font-size: 38px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: ziti4;
}

.sbanner .s-banner-text .tbox .thr {
    font-size: 18px;
    line-height: 35px;
    position: absolute;
    width: 55%;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sbanner .s-banner-text .abox {
    position: relative;
    padding-left: 6%;
    margin-top: 8%;
}

.sbanner .s-banner-text .abox a {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
    letter-spacing: 1px;
    margin-right: 5%;
    position: relative;
}

.sbanner .s-banner-text .abox a:last-child {
    margin-right: 0;
}

.sbanner .s-banner-text .abox a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    top: 50%;
    left: -26px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.sbanner .s-banner-text .abox a:hover:before {
    width: 17px;
}

.sbanner .s-banner-text .abox a.active:before {
    width: 17px;
}

.sbanner .s-banner-text .abox i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 125px;
    background: rgba(255,255,255,0.2);
}

.sbanner .s-banner-text .abox i:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    left: -4px;
    top: 0;
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    -webkit-animation: xian_move 2s ease infinite;
    animation: xian_move 2s ease infinite;
}

.sbanner .allcrumbs {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 60px;
    background: rgba(255,255,255,0.15);
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    text-align: right;
}

.sbanner .allcrumbs a {
    color: rgba(255,255,255,0.8);
}

.about-section1 {
    background: #fff;
    padding: 5% 0 6% 0;
}

.about-t {
    margin-bottom: 3%;
}

.about-t .fir {
    font-size: 57px;
    color: #f6f6f6;
    font-family: ziti1;
    text-transform: uppercase;
}

.about-t .sec {
    font-size: 36px;
    color: #333333;
    margin-top: -55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about-t .sec .t1 {
    font-size: 32px;
    color: #333333;
}

.about-t .sec .dian {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #4e5a76;
    margin: 0 25px;
}

.about-t .sec .t2 {
    font-size: 40px;
    color: #666;
    font-weight: lighter;
    letter-spacing: 2px;
}

.about-t .con {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    font-weight: lighter;
    margin-top: 1%;
}

.about-section1 .shuzi-item {
    padding: 0 4%;
    border-bottom: 3px solid #eee;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4%;
    margin-top: 5%;
}

.about-section1 .shuzi-item .list .fir {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.about-section1 .shuzi-item .list .fir .s1 {
    font-size: 66px;
    color: #3b3e43;
}

.about-section1 .shuzi-item .list .fir .s2 {
    font-size: 25px;
    color: #3b3e43;
    margin-left: 6px;
}

.about-section1 .shuzi-item .list .sec {
    font-size: 20px;
    color: #999999;
    text-align: center;
    margin-top: 11%;
}

.about-section1 .zhanlue {
    margin-top: 5%;
    padding: 0 4%;
}

.about-section1 .zhanlue .about-t .sec {
    margin-top: 0;
}

.about-section1 .zhanlue .t {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about-section1 .zhanluebox {
    position: relative;
    width: 100%;
    height: 380px;
}

.about-section1 .zhanluebox .list {
    position: absolute;
    width: 65%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 5px #eee;
    border-radius: 20px;
    top: 0;
    z-index: 1;
}

.about-section1 .zhanluebox .list.active {
    z-index: 2;
}

.about-section1 .zhanluebox .list:nth-child(1) {
    left: 0;
}

.about-section1 .zhanluebox .list:nth-child(2) {
    right: 0;
}

.about-section1 .zhanluebox .list .title {
    position: absolute;
    bottom: 25%;
    left: 8%;
    font-size: 32px;
    color: #fff;
}

.about-section1 .zhanluebox .list.active .title {
    left: 12%;
}

.about-section1 .zhanluebox .list .title i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    margin-top: 12px;
    position: relative;
    margin-left: 21px;
}

.about-section1 .zhanluebox .list .title i:after {
    position: absolute;
    content: "";
    left: 100%;
    width: 600px;
    height: 1px;
    background: #fff;
    top: 5px;
}

.about-section2 .tbox {
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
}

.about-section2 .tbox .about-t {
    height: 175px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.about-section2 .tbox .about-t .fir {
    color: #eaeaea;
    margin-top: 3%;
}

.about-section2 .tbox .thr {
    position: absolute;
    right: 0;
    bottom: -13px;
    font-weight: 700;
    font-size: 61px;
    color: #ededed;
}

.about-section2 .develop {
    height: 700px;
    padding: 4% 0;
    background: url("../img/develop.jpg") no-repeat center  / cover;
}

.about-section2 .develop .inner-warp {
    height: 100%;
}

.about-section2 .develop .left {
    float: left;
    width: 140px;
    height: 100%;
    background: url("../img/develop-ce.png") no-repeat right 8% center;
    background-size: contain;
    margin-left: 6%;
    padding:1% 0;
}
.about-section2 .develop .left .swiper-container{
    width: 100%;
    height: 100%;
    padding-right: 7%;
}
.about-section2 .develop .left .list{
    cursor: pointer;
}
.about-section2 .develop .left .list .title {
    font-size: 26px;
    color: #959baa;
    position: relative;
}

.about-section2 .develop .left .list .title:after {
    position: absolute;
    content: "";
    right: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    opacity: 0;
}

.about-section2 .develop .left .swiper-slide-thumb-active .list .title {
    color: #fff;
    font-weight: 700;
}

.about-section2 .develop .left .swiper-slide-thumb-active .list .title:after {
    opacity: 1;
}

.about-section2 .develop .right {
    float: right;
    width: 79%;
    height: 100%;
    position: relative;
    padding:0 8%;
}
.about-section2 .develop .right .swiper-container {
    width: 100%;
    height: 100%;
}

.about-section2 .develop .right .text .con {
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 4%;
}
.about-section2 .develop .right .text .con p{
    border-bottom: 1px solid #ffffff59;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
.about-section2 .develop .right .text .imgbox {
    width: 50%;
    height: 275px;
    overflow: hidden;
    margin-top: 1%;
}
.about-section2 .develop .right .text .imgbox .swiper-container{
    width: 100%;
    height: 100%;
}
.about-section2 .develop .right .text .imgbox .swiper-container .img{
    width: 100%;
    height: 100%;
}
.about-section2 .develop .right .text .imgbox .swiper-pagination-bullet{
    opacity: 0.6;
}
.about-section2 .develop .right .text .imgbox .swiper-pagination-bullet-active{
    opacity: 1;
}
.about-section3 {
    padding: 5% 0;
    background: url("../img/yewubg.png") no-repeat top center;
}

.about-section3 .about-t .fir {
    color: #eeeae5;
}

.about-section3 .item {
    display: flex;
    justify-content: space-between;
}

.about-section3 .item .list {
    width: 20%;
    height: 210px;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 26px;
    overflow: hidden;
    padding-left: 2.5%;
}

.about-section3 .item .list:hover {
    background: #fff;
    box-shadow: 0 0 5px #eee;
}

.about-section3 .item .list .inner {
    width: 100%;
}

.about-section3 .item .list .imgbox {
    position: relative;
    width: 40px;
    height: 43px;
    overflow: hidden;
    z-index: 1;
}

.about-section3 .item .list .imgbox .img2 {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 2;
}

.about-section3 .item .list:hover .imgbox .img2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.about-section3 .item .list .fir {
    font-size: 22px;
    font-weight: lighter;
    color: #333333;
    margin-top: 5%;
}

.about-section3 .item .list:hover .fir {
    color: #926640;
}

.about-section3 .item .list .sec {
    font-size: 18px;
    color: #aaaaaa;
    margin-top: 2%;
}

.about-section3 .item .list:hover .sec {
    color: #926640;
}

.about-section3 .item .list .line {
    width: 30%;
    height: 1px;
    background: #ccc;
    margin-top: 7%;
}

.about-section3 .item .list:hover .line {
    width: 45%;
    background: #926640;
}

.about-section3 .paopao {
    width: 100%;
    position: relative;
    margin: 5% auto 0 auto;
    /*background: url("../img/paopaobg.png") no-repeat center;*/
    /*background-size: contain;*/
}

.about-section3 .paopao ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-section3 .paopao ul:nth-child(2){
    margin-top: 4%;
}
.about-section3 .paopao ul li {
    width: 163px;
    height: 45px;
    background: url("../img/paopao1.png") no-repeat center bottom;
    background-size: contain;
}
.about-section3 .paopao ul li:hover{
    background: url("../img/paopao2.png") no-repeat center bottom;
}
.about-section3 .paopao ul li span {
    font-size: 20px;
    color: #4e5a76;
    display: block;
    text-align: center;
    margin-top: -10px;
}
.about-section3 .paopao ul li:hover span{
    color:#2367af;
    font-weight: 700;
}
.about-section4 .lishi{
    width: 100%;
    padding:2% 2%;
    background: #f6f7fc;
    display:flex;
    justify-content: space-between;
    margin-top: 2%;
    flex-wrap: wrap;
}
.about-section4 .lishi .list{
    width: 23.5%;

}
.about-section4 .lishi .list:nth-child(-n+3){
    margin-bottom: 4%;
}
.about-section4 .lishi .list .imgbox{
    height: 160px;
    position: relative;
    width: 100%;
    border:1px solid #eee;
}
.about-section4 .lishi img{
    max-height: 90%;
    max-width: 90%;
}
.about-section4 .lishi p{
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-top: 5%;
}
.about-section4 .honorbox {
    height: 700px;
    position: relative;
}

.about-section4 .honorbox .swiper-container {
    width: 100%;
    height: 100%;
}

.about-section4 .honorbox .swiper-slide {
    height: calc((100% - 40px) / 2);
}

.about-section4 .honorbox .swiper-slide .text {
    background: #f7f7f7;
    padding: 10% 6% 7% 5%;
}

.about-section4 .honorbox .swiper-slide .text .title {
    font-size: 16px;
    color: #333;
    margin-bottom: 7%;
}

.about-section4 .honorbox .swiper-slide .text .imgbox {
    width: 100%;
    height: 215px;
    overflow: hidden;
}

.about-section4 .honorbox .swiper-slide:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.about-section4 .honor-but {
    position: absolute;
    width: 145px;
    right: 0;
    top: 0;
}

.about-section4 .honor-but .but {
    width: 66px;
    height: 46px;
    background: #ccc;
    margin-top: -23px;
}

.about-section4 .honor-but .but:hover {
    background: #004da0;
;
}

.about-section4 .honor-but .but:after {
    font-size: 20px;
}

.about-section4 .honor-but .swiper-button-next {
    right: 0;
}

.about-section4 .honor-but .swiper-button-prev {
    left: 0;
}
.about-section4sec{
    margin-bottom: 6%;
}

.about-section5 {
    height: 760px;
    position: relative;
}

.about-section5 .iframe-video {
    width: 100%;
    height: 100%;
}

.about-section5 .iframe-video .video-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footerbox .section-contact .bottom {
    padding-bottom: 1.5%;
}

.chuxing-section1 {
    background: #fafafa;
}
.chuxing-section1 .yanfa-t{
    margin-top: 3%;
}
.chuxing-section1 .yanfa-t .sec .s1{
    color: #004da0;
}
.chuxing-section1 .imgbox {
    float: left;
    width: 50%;
    height: 520px;
    position: relative;
}

.chuxing-section1 .imgbox .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.chuxing-section1 .imgbox .img {
    width: 100%;
    height: 100%;
}

.chuxing-section1 .text {
    float: left;
    width: 50%;
    padding: 4% 0 0 2.5%;
}

.chuxing-section1 .imgbox .swiper-pagination {
    text-align: right;
    padding-right: 5%;
    bottom: 5%;
}

.chuxing-section1 .imgbox .swiper-pagination-bullet {
    width: 16px;
    height: 7px;
    border-right: 5px;
    border-radius: 5px;
}

.chuxing-section1 .imgbox .swiper-pagination-bullet-active {
    width: 54px;
    background: #004da0;
}

.chuxing-t .fir {
    font-family: ziti1;
    font-size: 50px;
    color: #eee;
    text-transform: uppercase;
}

.chuxing-t .sec {
    display: flex;
    align-items: flex-end;
    margin-top: -43px;
}

.chuxing-t .sec .s1 {
    font-size: 35px;
    color: #004da0;
    font-weight: 700;
}

.chuxing-t .sec .s2 {
    font-size: 38px;
    color: #333333;
    font-weight: lighter;
    margin-left: 3%;
}

.chuxing-section1 .text .con {
    background: #fff;
    padding: 7% 5% 12% 5%;
    position: relative;
    font-size: 18px;
    color: #333333;
    line-height: 35px;
    box-shadow: 0 0 7px #e4e4e4;
    margin-top: 5%;
    width: 80%;
}

.dingzhi-section1 .text .con {
    background: #fff url(../img/dingzhi1.png) no-repeat right 5% bottom -56px;
}

.chuxing-section1 .text .con:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    background: #004da0;
    width: 80%;
}

.chuxing-section1 .bottom {
    padding: 0 15%;
    height: 678px;
    display: flex;
    justify-content: space-between;
    margin: 4% 0;
}

.chuxing-section1 .bottom .list {
    width: 24%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chuxing-section1 .bottom .list .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.chuxing-section1 .bottom .list .img:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.chuxing-section1 .bottom .list .img.small {
    height: 32%;
}

.chuxing-section1 .bottom .list .img.cent {
    height: 38%;
}

.chuxing-section1 .bottom .list .img.big {
    height: 60%;
}

.chuxing-section1 .bottom .list .img .meng {
    background: rgba(5,70,142,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.chuxing-section1 .bottom .list .img:hover .meng {
    background: rgba(142,95,5,0.5);
}

.chuxing-section1 .bottom .list .img .meng span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 5%;
    font-size: 25px;
    color: #fff;
}

.chuxing-section2 {
    padding: 1.5% 0 3% 0;
}

.chuxing-section2 .tbox {
    padding: 0 15%;

}
.chuxing-section2 .tbox .chuxing-t{
    position: relative;
}
.chuxing-section2 .tbox .honor-but {
    position: absolute;
    width: 145px;
    right: 0;
    top: 8%;
}
.chuxing-section2 .tbox .honor-but .but {
    width: 66px;
    height: 46px;
    background: #ccc;
    margin-top: 0;
}
.chuxing-section2 .tbox .honor-but .swiper-button-prev {
    left: 0;
}
.chuxing-section2 .tbox .honor-but .swiper-button-next {
    right: 0;
}
.chuxing-section2 .tbox .honor-but .but:hover {
    background: #004da0;
}
.chuxing-section2 .tbox .honor-but .but:after {
    font-size: 20px;
}
.chuxing-section2 .che-style {
    margin-top: 3%;
}

.chuxing-section2 .swiper-slide .text .fir {
    line-height: 50px;
    background: #00b0f0;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.chuxing-section2 .swiper-slide .imgbox {
    width: 100%;
    height: 238px;
    overflow: hidden;
    position: relative;
}
.chuxing-section2 .swiper-slide .imgbox .img2{
    position: absolute;
    left:50%;
    top:50%;
    margin-top:-35px;
    margin-left:-48px;
}

.chuxing-section2 .swiper-slide .text .sec {
    line-height: 50px;
    background: #a6a6a6;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.navBgout {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #222;
    background: url(../img/navBgoutbg.jpg) no-repeat center / cover;
    opacity: 0;
    transition: all .5s ease 0s;
    transform: translate(-100%,0);
    z-index: 10000;
    padding: 0 2%;
}

.navBgout.active {
    opacity: 1;
    transform: translate(0,0);
}

.navBgout .allbtn {
    position: absolute;
    right: 40px;
    top: 40px;
    float: none;
    height: auto;
}

.navBgout .allbtn .text {
    color: #fff;
}

.navBgout .allbtn .linebox span {
    background: #fff;
}

.navBgout .allbtn .linebox span.line-cent {
    opacity: 0;
}

.navBgout .allbtn .linebox span.line-top {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
}

.navBgout .allbtn .linebox span.line-bottom {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 7px;
}

.navBgout .allbtn:hover .linebox span.line-top, .navBgout .allbtn:hover .linebox span.line-bottom {
    width: 59%;
}

.navBgout .inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.navBgout .inner .list {
    width: 14%;
    height: 100%;
    display: flex;
    align-items: center;
}
.navBgout .inner .list.list_xs{
    display: none;
}
.navBgout .inner .list:hover {
    background: rgba(0,0,0,0.16);
}

.navBgout .inner .list-inner {
    width: 100%;
    text-align: center;
    position: relative;
}

.navBgout .inner .list .imgbox {
    width: 113px;
    height: 113px;
    position: relative;
    margin: 0 auto;
}

.navBgout .inner .list .title {
    color: #fff;
    font-size: 24px;
    margin-top: 29px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.navBgout .inner .list .title span {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 100%;
    margin: 0 10px;
}

.navBgout .inner .center {
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
}

.navBgout .inner .center-inner {
    width: 100%;
    text-align: center;
}

.navBgout .inner .center-inner .fir {
    font-size: 28px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    margin-bottom: 25px;
    font-family: ziti3;
}

.navBgout .inner .center-inner .line {
    display: block;
    height: 42px;
    width: 1px;
    background: #fff;
    margin: 0 auto;
}

.navBgout .inner .center-inner .line.sec {
    margin-bottom: 25px;
}

.navBgout .inner .center-inner img {
    display: block;
    margin: 25px auto;
}

.navBgout .inner .center-inner .abut {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto 10px auto;
    background: rgba(255,255,255,0.3);
    color: #fff;
    position: relative;
}

.navBgout .inner .center-inner .abut span {
    font-size: 14px;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    background: none;
    width: 100%;
}

.navBgout .inner .center-inner .abut:before ,.navBgout .inner .center-inner .abut:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    top: 0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    background: rgba(0,0,0,0.3);
}

.navBgout .inner .center-inner .abut:before {
    left: 0;
}

.navBgout .inner .center-inner .abut:after {
    right: 0;
}

.navBgout .inner .center-inner .abut:hover:before ,.navBgout .inner .center-inner .abut:hover:after {
    width: 50%;
}

.navBgout .allbtn:before {
    display: none;
}

.navBgout .inner .list-inner .erji {
    position: absolute;
    width: 100%;
    left: 0;
    top: 110%;
    opacity: 0;
    transition: all .5s ease 0s;
    transform: scaleX(-1) translateX(10px);
}

.navBgout .inner .list:hover .list-inner .erji {
    opacity: 1;
    transform: scaleX(1) translateX(0);
}

.navBgout .inner .list-inner .erji a {
    display: block;
    font-size: 14px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 10px;
}

.navBgout .inner .list-inner .erji a:hover {
    color: rgba(255,255,255,1);
}

.chuxing-section3 {
    background: #f9f9f9;
    padding: 5% 0;
}

.chuxing-section3 .left {
    float: left;
    width: 40%;
}

.chuxing-section3 .left .chuxing1-img {
    margin: 9% 0 5% 0;
    max-width: 100%;
}
.chuxing-section3 .left .t-item{
    width: 100%;
    padding-right:20%;
    margin-top: 10%;
}
.chuxing-section3 .left .t-item .list{
    padding: 6% 0;
    float: left;
    width: 33.33%;
    border-right:1px solid #e7e8e9;
    border-bottom:1px solid #e7e8e9;
}
.chuxing-section3 .left .t-item .list:nth-child(3n){
    border-right:none;
}

.chuxing-section3 .left .t-item .list:nth-child(n+4){
    border-bottom:none;
}
.chuxing-section3 .left .t-item .list .imgbox{
    position: relative;
    width: 100%;
    height: 75px;
}
.chuxing-section3 .left .t-item .list .title{
    text-align:center;
    font-size:14px;
    color:#494949;
}
.chuxing-section3 .right {
    float: right;
    width: 55%;
    height: 565px;
    border: 1px solid #bdd0e4;
    position: relative;
    padding: 1.5%;
}

.chuxing-section3 .right-inner {
    width: 100%;
    height: 100%;
}
.chuxing-section4 .left .t-item .list:nth-child(4) ,.chuxing-section4 .left .t-item .list:nth-child(5) ,.chuxing-section4 .left .t-item .list:nth-child(6){
    border-bottom:1px solid #e7e8e9;
}
.chuxing-section4 {
    background: #fff;
}

.chuxing-section4 .right {
    height: 480px;
}
.chuxing-section5{
    padding: 4% 0;
    background: #f9f9f9;
}
.chuxing-section5 .chuxing-t{
    margin-bottom: 3%;
}
.chuxing-section5 .tbox {
    background: #f9f9f9;
    padding: 3% 0;

}

.chuxing-section5 .bg {
    width: 100%;
    height: 400px;
}

/*.chuxing-section5 .bg1 {
    background: url("../img/chuxing8.jpg") no-repeat center  / cover;
    background-attachment: fixed;
}

.chuxing-section5 .bg2 {
    background: url("../img/chuxing9.jpg") no-repeat center  / cover;
    background-attachment: fixed;
}

.chuxing-section5 .bg3 {
    background: url("../img/chuxing10.jpg") no-repeat center  / cover;
    background-attachment: fixed;
}*/

.chuxing-section5 .chuxing-t .sec .s2 {
    font-size: 30px;
    margin-left: 19%;
    position: relative;
    font-weight: 500;
}
/*
.chuxing-section5 .chuxing-t .sec .s2:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 336px;
    background: url("../img/chuxing11.png") no-repeat center top;
    top: 39%;
    left: -30%;
}*/
.chuxing-section5 .lunbobox{
    background: #fff;
    padding:3% 7%;
   box-shadow: 0 0 10px #eee;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.chuxing-section5 .lunbobox .mySwiper{
    width: 100%;
    overflow: hidden;
}
.chuxing-section5 .lunbobox .imgbox{
    height: 550px;
}
.chuxing-section5 .but-xinkong-right{
    right: 40px;
}
.chuxing-section5 .but-xinkong-left{
    left: 40px;
}
.chuxing-section5 .lunbobox .title{
    text-align:center;
    font-size:24px;
    font-weight: 700;
    color:#333;
    margin-top: 2%;
}

.dingzhi-section1 .text .con .biao {
    width: 100%;
    line-height: 60px;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: 28px;
    color: #333;
    margin: 4% auto 0 auto;
    font-weight: 700;
}

.dingzhi-section2 {
    background: #fafafa;
    padding: 5% 0;
}

.dingzhi-section2 .lunbo {
    position: relative;
}

.dingzhi-section2 .lunbo .swiper-slide {
    padding-top: 260px;
}

.dingzhi-section2 .lunbo .swiper-container {
    padding: 0 10px;
}

.dingzhi-section2 .lunbo .text {
    position: relative;
    width: 100%;
    padding-top: 25px;
    border-top: 2px dashed #c0c0c0;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.dingzhi-section2 .lunbo .text i {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #006ebc;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(even) i {
    width: 14px;
    height: 14px;
    top: -7px;
}

.dingzhi-section2 .lunbo .text .line {
    width: 2px;
    height: 80px;
    border-left: 2px solid #006ebc;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dingzhi-section2 .lunbo .text .line .con {
    position: absolute;
    display: block;
    line-height: 35px;
    padding: 0 10px;
    background: #006ebc;
    border-radius: 40px;
    border: 5px solid #fff;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    box-shadow: 0px 0px 5px #ccc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(2) i {
    border: 2px solid #00adeb;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(2) .line {
    height: 160px;
    border-left: 2px dashed #00adeb;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(2) .line .con {
    background: #00adeb;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(3) i {
    border: 2px solid #00afc4;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(3) .line {
    height: 160px;
    border-left: 2px solid #00afc4;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(3) .line .con {
    background: #00afc4;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(4) i {
    border: 2px solid #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(4) .line {
    height: 130px;
    border-left: 2px dashed #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(4) .line .con {
    background: #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(5) i {
    border: 2px solid #0c9677;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(5) .line {
    height: 80px;
    border-left: 2px solid #0c9677;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(5) .line .con {
    background: #0c9677;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(6) i {
    border: 2px solid #00adeb;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(6) .line {
    height: 120px;
    border-left: 2px dashed #00adeb;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(6) .line .con {
    background: #00adeb;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(7) i {
    border: 2px solid #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(7) .line {
    height: 200px;
    border-left: 2px solid #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(7) .line .con {
    background: #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(8) i {
    border: 2px solid #8fcc4e;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(8) .line {
    height: 170px;
    border-left: 2px dashed #8fcc4e;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(8) .line .con {
    background: #8fcc4e;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(9) i {
    border: 2px solid #00afc4;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(9) .line {
    height: 165px;
    border-left: 2px solid #00afc4;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(9) .line .con {
    background: #00afc4;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(10) i {
    border: 2px solid #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(10) .line {
    height: 70px;
    border-left: 2px solid #006ebc;
}

.dingzhi-section2 .lunbo .swiper-slide:nth-child(10) .line .con {
    background: #006ebc;
}

.dingzhi-section3 {
    background: #fff;
    padding: 4% 0;
}

.dingzhi-section3 .item {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.dingzhi-section3 .item .list {
    width: 23.5%;
}

.dingzhi-section3 .item .list .title {
    text-align: center;
    background: #00b0f0;
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}

.dingzhi-section3 .item .list .imgbox {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.dingzhi-section4 {
    background: #f9f9f9;
}

.dingzhi-section4 .item .list {
    margin-bottom: 4%;
}

.dingzhi-section4 .item .list .imgbox {
    width: 50%;
    height: 510px;
    overflow: hidden;
}


.dingzhi-section4 .item .list .text {
    width: 45%;
}

.dingzhi-section4 .item .list .text .line {
    width: 80%;
    height: 5px;
    background: #f0f0f0;
    margin: 8% 0;
}

.dingzhi-section4 .item .list .text .con {
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

.dingzhi-section4 .item .list .text .con img {
    max-width: 100%;
}

.dingzhi-section4 .item .list:nth-child(odd) .imgbox {
    float: left;
    height: 350px;
}

.dingzhi-section4 .item .list:nth-child(even) .imgbox {
    float: right;
}

.dingzhi-section4 .item .list:nth-child(odd) .text {
    float: right;
    padding: 5% 5% 3% 0;
}

.dingzhi-section4 .item .list:nth-child(even) .text {
    float: left;
    padding: 3% 5% 3% 5%;
    background: #fff;
}
.dingzhi-section4 .item .list .swiper-container{
    width: 100%;
    height: 100%;
}
.dingzhi-section4 .item .list .swiper-container .tbox{
    position: absolute;
    left:0;
    top: 10%;
    z-index: 10;
}
.dingzhi-section4 .item .list .swiper-container .tbox p.title{
    line-height: 47px;
    font-size:16px;
    background: #fff;
    border-radius: 0 20px 20px 0;
    margin-bottom: 11%;
    padding:0 20px;

}
.dingzhi-section4 .item .list .swiper-container .tbox p.title.active{
    padding:0 30px;
    color:#fff;
    font-weight: 700;
    background: #c4a011;
}

.dingzhi-section5 {
    background: #f8f8f8;
    padding: 5% 0;
}

.dingzhi-section5 .chuxing-t .sec .s1 {
    color: #333;
}

.dingzhi-section5 .dingzhi2 {
    display: block;
    max-width: 100%;
    margin: 5% auto 0 auto;
}

.keyun-section1 .text .con {
    padding: 4% 5% 4% 5%;
}

.keyun-section1 .text {
    padding: 2% 0 0 2.5%;
}

.keyun-section1 .text .tel {
    background: #004da0;
    padding: 3% 5%;
}

.keyun-section1 .text .tel .fir {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.keyun-section2 {
    padding: 5% 0;
    background: #fafafa;
}

.keyun-section2 .item {
    display: flex;
    justify-content: space-between;
}

.keyun-section2 .item .list .fir {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.keyun-section2 .item .list .fir .s1 {
    font-family: ziti1;
    font-size: 60px;
    color: #333;
}

.keyun-section2 .item .list .fir .s2 {
    font-size: 17px;
    color: #333;
    font-weight: 700;
}

.keyun-section2 .item .list .sec {
    text-align: center;
    font-size: 24px;
    color: #333;
}

.keyun-section3 {
    padding: 5% 0;
}

.keyun-section3 .keyun1-img {
    max-width: 100%;
    display: block;
    margin: 4% auto 0 auto;
}

.keyun-section4 .list .keyunbg1 img {
    max-width: 100%;
    display: block;
    margin:0 auto;
}

.keyun-section4 .chuxing-t .sec .text {
    margin-left: 8%;
    position: relative;
}

.keyun-section4 .chuxing-t .sec .text:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 336px;
    background: url(../img/chuxing11.png) no-repeat center top;
    top: 61%;
    left: -5%;
}

.keyun-section4 .chuxing-t .sec .text .t1 {
    font-size: 24px;
    color: #444444;
    font-weight: 700;
}

.keyun-section4 .chuxing-t .sec .text .t2 {
    font-size: 24px;
    color: #444444;
}

.keyun-section5 {
    padding-top: 5%;
}
.keyun-section5 .online-click{
    display: inline-block;
    line-height: 70px;
    background: #f0f5f9;
    border-radius: 36px;
    padding:0 15%;
    margin:3% 0;
    font-size:26px;
    color:#004da0;
    font-weight: 700;
    letter-spacing: 1px;
}
.keyun-section5 .item .list.goutpiao{
    text-align:center;
}
.keyun-section5 .item .list.goutpiao .t{
    text-align:left;
}
.keyun-section5 .item .list .online{
    width: 100%;
}
.keyun-section5 .chuxing-t .fir {
    text-align: center;
}

.keyun-section5 .chuxing-t .sec {
    text-align: center;
    display: block;
}

.keyun-section5 .item {
    width: 80%;
    margin: 4% auto 0 auto;
}

.keyun-section5 .item .list {
    box-shadow: 0 0 8px #c5c5c5;
    margin-bottom: 4%;
}

.keyun-section5 .item .list:last-child {
    margin-bottom: 0;
}

.keyun-section5 .item .list .t {
    line-height: 75px;
    background: #004da0;
    font-size: 26px;
    color: #fff;
    padding-left: 3%;
}

.keyun-section5 .item .list .imgbox {
    width: 100%;
    background: #fff;
    padding: 2%;
    height: 555px;
}

.keyun-section5 .item .list .imgbox .left {
    position: relative;
    float: left;
    width: 45%;
    height: 100%;
}

.keyun-section5 .item .list .imgbox .right {
    position: relative;
    float: left;
    width: 55%;
    height: 100%;
}

.keyun-section5 .item .list .imgbox .text {
    position: relative;
    float: left;
    width: 55%;
    height: 100%;
    display: flex;
    align-items: center;
}

.keyun-section5 .item .list .imgbox .text-inner {
    width: 100%;
}

.keyun-section5 .item .list .imgbox .text .text-list {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 50px;
    position: relative;
}

.keyun-section5 .item .list .imgbox .text .text-list:last-child {
    margin-bottom: 0;
}

.keyun-section5 .item .list .imgbox .text .text-list:after {
    position: absolute;
    content: "";
    width: 33px;
    height: 13px;
    background: url(../img/keyun6.png) no-repeat center;
    bottom: -37px;
    left: 27%;
}

.keyun-section5 .item .list .imgbox .text .text-list:last-child:after {
    display: none;
}

.keyun-section5 .item .list .imgbox .text .text-list .shuzi {
    font-family: ziti1;
    color: #efefef;
    font-size: 42px;
    margin-right: 3%;
}

.keyun-section5 .item .list .imgbox .text .text-list .con .fir {
    font-size: 26px;
    color: #333333;
    font-weight: 700;
}

.keyun-section5 .item .list .imgbox .text .text-list .con .sec {
    font-size: 18px;
    color: #333333;
}

.keyun-section5 .item .list .imgbox .text .text-list .con .sec span {
    color: #004da0;
    font-weight: 700;
}

.keyun-section6 {
    background: #fbfbfb;
    padding: 5% 0;
}

.keyun-section6 .chuxing-t .sec .s1 {
    color: #333;
}

.keyun-section6 .loc {
    width: 100%;
    height: 600px;
    margin-top: 4%;
}

.gongyinlian-section1 {
    padding-top: 4%;
    background: url("../img/g4.jpg") no-repeat center / cover;
}

.gongyinlian-section1 .t {
    padding-left: 8%;
    font-family: ziti1;
    color: #f1f1f1;
    font-size: 70px;
    text-transform: uppercase;
}

.gongyinlian-section1 .box .text {
    float: left;
    width: 44%;
    margin-left: 8%;
}

.gongyinlian-section1 .box .text .fir {
    display: flex;
    align-items: flex-end;
    justify-content: left;
}

.gongyinlian-section1 .box .text .fir .t1 {
    font-weight: 700;
    font-size: 36px;
    color: #333;
}

.gongyinlian-section1 .box .text .fir .t2 {
    font-size: 30px;
    color: #333;
    margin-left: 4%;
}

.gongyinlian-section1 .box .text .line {
    width: 80%;
    height: 1px;
    background: #cacaca;
    margin: 5% 0;
}

.gongyinlian-section1 .box .text .sec {
    font-size: 18px;
    color: #333;
}

.gongyinlian-section1 .box .text .telbox {
    background: #fff;
    box-shadow: 0 0 8px #ccc;
    width: 80%;
    padding: 4% 5%;
    margin-top: 5%;
}

.gongyinlian-section1 .box .text .telbox .t-list {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.gongyinlian-section1 .box .text .telbox .t-list:last-child {
    margin-bottom: 0;
}

.gongyinlian-section1 .box .text .telbox .t-list .imgbox {
    width: 26px;
    height: 26px;
    background: #666;
    position: relative;
    border-radius: 100%;
}

.gongyinlian-section1 .box .text .telbox .t-list .imgbox img {
    position: absolute;
    max-width: 60%;
    max-height: 74%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.gongyinlian-section1 .box .text .telbox .t-list:hover .imgbox {
    background: #16c2c2;
}

.gongyinlian-section1 .box .text .telbox .t-list .con {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    margin-left: 4%;
}

.gongyinlian-section1 .box .text .telbox .t-list:hover .con {
    color: #16c2c2;
}

.gongyinlian-section1 .box .imgbox {
    float: right;
    width: 48%;
    height: 494px;
    position: relative;
}

.gongyinlian-section1 .box .imgbox .img {
    width: 100%;
    height: 100%;
}

.gongyinlian-section2 {
    padding: 5% 0;
}

.gongyinlian-section2 .item .list {
    margin-bottom: 3%;
}

.gongyinlian-section2 .item .list:last-child {
    margin-bottom: 0;
}

.gongyinlian-section2 .item .list .top {
    width: 100%;
    height: 330px;
    position: relative;
    z-index: 2;
}

.gongyinlian-section2 .item .list .top .imgbox {
    width: 500px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.gongyinlian-section2 .item .list:nth-child(even) .top .imgbox {
    float: right;
}

.gongyinlian-section2 .item .list:nth-child(odd) .top .imgbox {
    float: left;
}

.gongyinlian-section2 .item .list .top .con {
    position: absolute;
    width: 55%;
    background: #fff;
    padding: 3%;
    box-shadow: 0 0 8px #d8d8d8;
    top: 9%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gongyinlian-section2 .item .list .top .con .title {
    font-size: 30px;
    color: #333;
}

.gongyinlian-section2 .item .list .top .con .des {
    margin-top: 2%;
}

.gongyinlian-section2 .item .list .top .con .des .t1 {
    font-size: 50px;
    color: #f8f8f8;
    text-transform: uppercase;
    font-family: ziti1;
}

.gongyinlian-section2 .item .list .top .con .des .t2 {
    font-size: 18px;
    color: #333;
    margin-top: -40px;
}

.gongyinlian-section2 .item .list .top .more {
    display: block;
    position: absolute;
    bottom: 0;
    width: 90px;
    line-height: 35px;
    text-align: center;
    background: #e0e0e0;
    font-size: 18px;
    font-family: ziti1;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 35px 0 0;
    cursor: pointer;
}

.gongyinlian-section2 .item .list:nth-child(even) .top .more {
    left: 0;
}

.gongyinlian-section2 .item .list:nth-child(odd) .top .more {
    right: 0;
}

.gongyinlian-section2 .item .list .top .more:hover {
    background: #004da0;
}

.gongyinlian-section2 .item .list .bottom {
    position: relative;
    z-index: 1;
    background: #fafafa;
    padding: 15% 3% 3% 3%;
    margin-top: -10%;
    width: 100%;
}

.gongyinlian-section2 .item .list .bottom .cgdes {
    font-size: 16px;
    color: #999;
    line-height: 26px;
}

.gongyinlian-section2 .item .list .bottom .cgdes img {
    max-width: 100%;
    margin-top: 2%;
}

.gongyinlian-section2 .item .list .bottom .shou {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    line-height: 35px;
    padding-left: 23px;
    background: #fff url("../img/shang.png") no-repeat right 10px center;
    font-size: 17px;
    font-family: ziti1;
    color: #999;
    text-transform: uppercase;
    border-radius: 35px 0 0 0;
    cursor: pointer;
}

.gongyinlian-section2 .item .list .bottom .shou:hover {
    color: #fff;
    background: #004da0 url("../img/shang1.png") no-repeat right 10px center;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list {
    float: left;
    width: 25%;
    height: 350px;
    position: relative;
    padding: 0 3% 3% 3%;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .gao {
    position: relative;
    z-index: 2;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .img1 {
    position: relative;
    height: 55px;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .t {
    font-size: 20px;
    color: #666;
    text-align: center;
    margin: 5% 0 15% 0;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .des {
    font-size: 16px;
    color: #999;
    padding: 7%;
    line-height: 27px;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list:hover .des {
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .di {
    width: 100%;
    height: 230px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .di .meng {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0.95) 40%,rgba(255,255,255,0.1));
}

.gongyinlian-section2 .item .list .bottom .tsdes-list:hover .di {
    opacity: 1;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list .shuzi {
    position: absolute;
    bottom: -2%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: rgba(255,255,255,0.9);
    font-size: 48px;
    z-index: 3;
    font-family: ziti1;
    font-style: italic;
    opacity: 0;
}

.gongyinlian-section2 .item .list .bottom .tsdes-list:hover .shuzi {
    opacity: 1;
}

.chuzu-section1 .tscon .top .list .t {
    font-weight: 700;
    color: #333;
    font-size: 20px;
}

.chuzu-section1 .tscon .top .list .des {
    line-height: 25px;
    color: #333;
    font-size: 16px;
}

.chuzu-section1 .tscon .top .list:nth-child(1) {
    float: left;
    width: 60%;
    position: relative;
}

.chuzu-section1 .tscon .top .list:nth-child(2) {
    float: left;
    width: 40%;
    padding-left: 5%;
    position: relative;
}

.chuzu-section1 .tscon .top .list:nth-child(1):after {
    background: #e8e8e8;
    position: absolute;
    content: "";
    right: -1%;
    top: 0;
    height: 100%;
    width: 1px;
}

.chuzu-section1 .tscon .xia {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10%;
    margin-top: 6%;
    position: relative;
}

.chuzu-section1 .tscon .xia:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #3a9ced;
    border: 3px solid #dbedfc;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 100%;
}

.chuzu-section1 .tscon .xia .list {
    display: flex;
    align-items: center;
}

.chuzu-section1 .tscon .xia .list .imgbox {
    width: 60px;
    height: 60px;
    position: relative;
}

.chuzu-section1 .tscon .xia .list .zi .fir {
    display: flex;
    align-items: flex-end;
}

.chuzu-section1 .tscon .xia .list .zi .fir .s1 {
    font-family: ziti1;
    color: #333;
    font-size: 30px;
}

.chuzu-section1 .tscon .xia .list .zi .fir .s2 {
    color: #333;
    font-size: 16px;
}

.chuzu-section1 .tscon .xia .list .zi .sec {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-top: 3%;
}

.chuzu-section1 .text {
    padding: 2% 0 0 2.5%;
}

.chuzu-section1 .text .con {
    padding: 5% 3% 5% 3%;
}

.chuzu-section2 {
    padding: 5% 0;
}

.chuzu-section2 .content {
    margin-top: 3%;
}

.chuzu-section2 .content img {
    float: left;
}

.chuzu-section2 .content .con {
    font-size: 18px;
    color: #444;
    line-height: 28px;
    float: right;
    width: calc(100% - 200px);
}

.chuzu-section2 .img-item {
    width: 100%;
    height: 400px;
    margin-top: 2%;
}

.chuzu-section2 .img-item .list {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.chuzu-section3 {
    padding-bottom: 5%;
}

.chuzu-section3 .item {
    display: flex;
    justify-content: space-between;
}

.chuzu-section3 .item .list {
    width: 24%;
    height: 335px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.chuzu-section3 .item .list .text {
    font-size: 18px;
    color: #333;
    line-height: 36px;
    position: relative;
    z-index: 3;
    padding: 9% 6% 9% 6%;
}

.chuzu-section3 .item .list .text strong {
    color: #004da0;
    font-size: 22px;
}

.chuzu-section3 .item .list img {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.chuzu-section3 .item .list .shuzi {
    position: absolute;
    font-size: 80px;
    font-family: Impact;
    color: rgb(102 153 208 / 58%);
    left: 9%;
    bottom: 3%;
    z-index: 2;
    font-style: italic;
}
.chuxing-section3 .zhuan-item{
    margin-top: 11%;
}
.chuxing-section3 .zhuan-item .list{
    margin-bottom: 8%;
}
.chuxing-section3 .zhuan-item .list:last-child{
    margin-bottom: 0;
}
.chuxing-section3 .zhuan-item .list .l{
    float: left;
    width: 100px;
    border-bottom:1px solid #e5e5e7;
    height: 129px;
}
.chuxing-section3 .zhuan-item .list:last-child .l{
    border-bottom:none;
}
.chuxing-section3 .l .imgbox img{
    display: block;
    max-width: 100%;
    margin:0 auto;
}
.chuxing-section3 .l p{
    text-align:center;
    font-size:14px;
    color:#494949;
    margin-top: 4%;
}
.chuxing-section3 .r{
    float: left;
    margin-left: 11%;
    background: linear-gradient(to right,#f0f3f7 20%,#ffffff1f);
    border-radius: 12px;
    overflow: hidden;
    padding:5px 20px;
}
.chuxing-section3 .r p{
    font-size:14px;
    color:#494949;
    line-height: 30px;
}
.chuzu-section4 {
    background: #f8f8f8;
    padding: 5% 0;
}

.chuzu-section4 .chuxing-t .con {
    margin: 3% 0 2% 0;
}

.chuzu-section4 .img-item {
    display: flex;
    justify-content: space-between;
}

.chuzu-section4 .img-item .list {
    width: 32%;
    height: 290px;
    position: relative;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
}

.travel-section1 {
    padding-top: 4%;
    background: #fafafa;
}

.travel-t {
    font-family: ziti1;
    color: #f1f1f1;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 2%;
}

.travel-t-right {
    padding-right: 8%;
    text-align: right;
}

.travel-t-left {
    padding-left: 8%;
    text-align: left;
}

.travel-t .sec .s1 {
    color: #a38a51;
}

.travel-t .sec .s2 {
    font-size: 30px;
}

.travel-section1 .imgbox .swiper-pagination-bullet-active {
    background: #a38a51;
}

.travel-section1 .text .con:before {
    background: #a38a51;
}

.travel-section1 .travel-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.travel-section1 .travel-bottom .wenzi span {
    display: block;
    font-size: 18px;
    color: #a38a51;
    margin-bottom: 2px;
}

.travel-section1 .travel-bottom img {
    max-width: 100%;
}

.travel-section2 {
    padding: 5% 0;
    background: #fafafa;
}

.travel-section2 .tbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.travel-section2 .tbox .list {
    width: 31%;
    margin: 0 0.3%;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.6%;
}

.travel-section2 .tbox .list .text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.travel-section2 .tbox .list .text-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.travel-section2 .tbox .list .meng {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(to right,rgba(163,138,81,0.9) 20%,rgba(163,138,81,0.1));
}

.travel-section2 .tbox .list:hover .meng {
    background: linear-gradient(to right,rgba(163,138,81,0.9) 20%,rgba(163,138,81,0.9));
}

.travel-section2 .tbox .list .shuzi {
    color: #fff;
    font-family: Impact;
    font-size: 66px;
    font-style: italic;
    margin-right: 8%;
}

.travel-section2 .tbox .list .des {
    width: 295px;
}

.travel-section2 .tbox .list .des .t1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.travel-section2 .tbox .list .des .t1 span {
    color: #fff;
    font-size: 30px;
    letter-spacing: 4px;
    font-weight: lighter;
}

.travel-section2 .tbox .list .des .t1 .line {
    width: 100px;
    height: 1px;
    background: #fff;
    margin-left: 4%;
}

.travel-section2 .tbox .list .des .t2 {
    color: #fff;
    letter-spacing: 3px;
    font-size: 18px;
    height: 0;
    overflow: hidden;
    margin-top: 0;
}

.travel-section2 .tbox .list:hover .des .t2 {
    height: initial;
    margin-top: 4%;
}

.travel-section2 .travel_map {
    max-width: 100%;
    margin: 0 auto;
}

.travel-section2 .map {
    position: relative;
}

.travel-section2 .map .biao {
    position: absolute;
    left: 14%;
    top: 18%;
    text-align: center;
    width: 270px;
}

.travel-section2 .map .biao .fir {
    font-size: 28px;
    color: #b09b6d;
    letter-spacing: 2px;
}

.travel-section2 .map .biao .sec {
    font-size: 28px;
    color: #b09b6d;
    background: rgba(170,147,97,0.18);
    border: 1px solid #aa9361;
    letter-spacing: 2px;
    line-height: 55px;
    margin-top: 5%;
}

.travel-section2 .map .list {
    position: absolute;
    width: 280px;
}

.travel-section2 .map .list .top {
    position: relative;
}

.travel-section2 .map .list .top .title {
    text-align: center;
    font-size: 24px;
    color: #333333;
}

.travel-section2 .map .list:hover .top .title {
    font-size: 28px;
}

.travel-section2 .map .list1:hover .top .title {
    color: #225239;
}

.travel-section2 .map .list2:hover .top .title {
    color: #1a5f91;
}

.travel-section2 .map .list3:hover .top .title {
    color: #4a641b;
}

.travel-section2 .map .list4:hover .top .title {
    color: #642b64;
}

.travel-section2 .map .list5:hover .top .title {
    color: #7f4a00;
}

.travel-section2 .map .list .top .yuan {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin: 20px auto 0 auto;
}

.travel-section2 .map .list1 {
    bottom: 17%;
    left: 10%;
}

.travel-section2 .map .list2 {
    bottom: 27%;
    left: 34%;
}

.travel-section2 .map .list3 {
    top: 24%;
    left: 45%;
}

.travel-section2 .map .list4 {
    top: 41%;
    left: 59%;
}

.travel-section2 .map .list5 {
    top: 19%;
    right: 4%;
}

.travel-section2 .map .list1 .top .yuan {
    background: #225239;
    border: 7px solid rgb(81 150 114 / 70%);
}

.travel-section2 .map .list2 .top .yuan {
    background: #1a5f91;
    border: 7px solid #9ab5c9;
}

.travel-section2 .map .list3 .top .yuan {
    background: #4a641b;
    border: 7px solid #95a674;
}

.travel-section2 .map .list4 .top .yuan {
    background: #642b64;
    border: 7px solid #9c7b9c;
}

.travel-section2 .map .list5 .top .yuan {
    background: #7f4a00;
    border: 7px solid #c7b295;
}

.travel-section2 .map .list .bottom {
    border-radius: 12px;
    color: #fff;
    padding: 9% 6%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 120%;
    width: 100%;
    opacity: 0;
}

.travel-section2 .map .list:hover .bottom {
    opacity: 1;
}

.travel-section2 .map .list .bottom:before {
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -28px;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-width: 14px;
    border-style: solid;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.travel-section2 .map .list1 .bottom:before {
    border-color: transparent transparent #1a7515 transparent;
}

.travel-section2 .map .list2 .bottom:before {
    border-color: transparent transparent #1a5f91 transparent;
}

.travel-section2 .map .list3 .bottom:before {
    border-color: transparent transparent #4a641b transparent;
}

.travel-section2 .map .list4 .bottom:before {
    border-color: transparent transparent #642b64 transparent;
}

.travel-section2 .map .list5 .bottom:before {
    border-color: transparent transparent #7f4a00 transparent;
}

.travel-section2 .map .list1 .bottom {
    background: #1a7515;
}

.travel-section2 .map .list2 .bottom {
    background: #1a5f91;
}

.travel-section2 .map .list2 .bottom {
    background: #4a641b;
}

.travel-section2 .map .list3 .bottom {
    background: #4a641b;
}

.travel-section2 .map .list4 .bottom {
    background: #642b64;
}

.travel-section2 .map .list5 .bottom {
    background: #7f4a00;
}

.travel-section2 .map .list .bottom .fir {
    padding-left: 15px;
    border-left: 3px solid #fff;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 7%;
}

.travel-section2 .map .list .bottom .sec {
    font-size: 20px;
    line-height: 27px;
}
.travel-section2 .caoyuan-img{
    width: 100%;
    padding:3%;
}
.travel-section2 .caoyuan-img img{
    max-width: 100%;
    margin:0 auto;
    display: block;
}

.travel-section3 {
    padding: 5% 0;
    padding-top:0;
}

.travel-section3 .inner {
    width: 100%;
    height: 410px;
    position: relative;
}

.travel-section3 .inner .left {
    width: 53%;
    height: 100%;
    background: #f9f9f9;
    padding: 7% 6%;
    float: left;
}

.travel-section3 .inner .left .tbox {
    display: flex;
    align-items: center;
    justify-content: left;
}

.travel-section3 .inner .left .tbox .fir {
    font-size: 36px;
    color: #a38a51;
    font-weight: 700;
}

.travel-section3 .inner .left .tbox .sec {
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid #e6e1d4;
}

.travel-section3 .inner .left .tbox .sec .s1 {
    font-size: 24px;
    color: #333;
}

.travel-section3 .inner .left .tbox .sec .s2 {
    font-size: 29px;
    color: #333;
}

.travel-section3 .inner .left .spanbox {
    padding: 6% 0 5% 0;
    border-bottom: 4px solid #ebebeb;
    margin-bottom: 5%;
}

.travel-section3 .inner .left .spanbox span {
    display: block;
    color: #a38a51;
    font-size: 24px;
}

.travel-section3 .inner .left .des {
    font-size: 18px;
    color: #999999;
    line-height: 30px;
}

.travel-section3 .inner .left .des span {
    color: #a38a51;
    font-size: 22px;
}

.travel-section3 .inner .right {
    float: right;
    width: 47%;
    height: 100%;
    overflow: hidden;
}

.travel-tbox {
    text-align: center;
    margin-bottom: 3%;
}

.travel-tbox .fir {
    font-weight: 700;
    color: #a38a51;
    font-size: 36px;
    letter-spacing: 1px;
}

.travel-tbox .guimo {
    display: inline-block;
    text-align: center;
    padding: 6px 15px;
    border: 1px solid #a38a51;
    font-size: 18px;
    color: #999999;
    margin: 2% 0 1% 0;
}

.travel-tbox .sec {
    font-size: 16px;
    color: #999999;
}

.travel-tbox .des {
    text-align: center;
    margin-top: 2%;
}

.travel-tbox .des span {
    display: inline-block;
    line-height: 35px;
    border: 1px solid #d7cdb4;
    padding: 0 10px;
    font-size: 18px;
    color: #999999;
    margin: 0 5px;
}

.travel-section4 {
    padding-bottom: 5%;
}

.travel-section4 .swiper-slide .imgbox {
    width: 100%;
    height: 410px;
    overflow: hidden;
}

.but-xinkong {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
}

.but-xinkong:after {
    display: none;
}

.but-xinkong-right {
    background: #fff url("../img/xinkong-right.png") no-repeat center;
}

.but-xinkong-left {
    background: #fff url("../img/xinkong-left.png") no-repeat center;
}

.travel-section5 {
    padding-bottom: 5%;
}

.travel-section5 .swiper-slide .imgbox {
    width: 100%;
    height: 410px;
    overflow: hidden;
}

.travel-section6 {
    height: 530px;
}

.travel-section6 .left {
    width: 50%;
    height: 100%;
    float: left;
}

.travel-section6 .left .list1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.travel-section6 .list {
    height: 100%;
    position: relative;
}

.travel-section6 .list .meng {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(163,138,81,0.35);
}

.travel-section6 .list:hover .meng {
    opacity: 0;
}

.travel-section6 .right {
    float: right;
    width: 50%;
    height: 100%;
}

.travel-section6 .right .list {
    float: left;
}

.travel-section6 .right .top {
    height: 60%;
}

.travel-section6 .right .top .list:nth-child(1) {
    width: 55%;
}

.travel-section6 .right .top .list:nth-child(2) {
    width: 45%;
}

.travel-section6 .right .bottom {
    height: 40%;
}

.travel-section6 .right .bottom .list:nth-child(1) {
    width: 45%;
}

.travel-section6 .right .bottom .list:nth-child(2) {
    width: 55%;
}

.maoshan1-img {
    max-width: 100%;
    margin-bottom: 2%;
}

.maoshan-section4 {
    padding-top: 5%;
}

.maoshan-section1 {
    padding: 5% 0;
    background: #f9f9f9;
}

.maoshan-section1 .item {
    display: flex;
    justify-content: space-between;
}

.maoshan-section1 .item .list {
    width: 47.5%;
    background: #fff;
}

.maoshan-section1 .item .list:hover {
    box-shadow: 0 0 20px #ccc;
}

.maoshan-section1 .item .list .top-out {
    padding: 0 4%;
}

.maoshan-section1 .item .list .top {
    background: #fff;
    padding: 7% 0 5% 0;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 4%;
    border-bottom: 4px solid #ebebeb;
}

.maoshan-section1 .item .list .top .fir {
    font-size: 36px;
    color: #a38a51;
}

.maoshan-section1 .item .list .top .line {
    font-size: 36px;
    color: #a38a51;
    width: 2px;
    height: 33px;
    background: #ebe5d9;
    margin: 0 20px;
}

.maoshan-section1 .item .list .top .thr {
    font-size: 18px;
    color: #999999;
    width: 57%;
}

.maoshan-section1 .item .list .bottom {
    width: 100%;
    height: 375px;
    overflow: hidden;
}

.jisan-section1 .text {
    padding: 4% 0 0 8.5%;
}

.jisan-section1 .text .con {
    width: 91%;
}

.jisan-section2 {
    padding: 5% 0;
}

.jisan-section2 img {
    width: 100%;
}

.jisan-section2 .des {
    padding: 3% 3%;
    background: #a38a51;
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
}

.jisan-section2 .des span {
    font-weight: 700;
}

.jisan-section3 {
    padding-bottom: 5%;
}

.jisan-section3 .con {
    height: 426px;
}

.jisan-section3 .con .imgbox {
    width: 55%;
    height: 100%;
    float: left;
}

.jisan-section3 .con .text {
    width: 45%;
    height: 100%;
    background: #a38a51;
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
    line-height: 41px;
    float: left;
    padding: 4%;
}

.jisan-section3 .con .text span {
    font-weight: 700;
}

.maiche-section1 {
    background: url("../img/che-section1-bg.jpg") no-repeat center / cover;
}

.che-t {
    margin-bottom: 50px;
    position: relative;
}

.che-t .sec .s1 {
    color: #333;
}

.chuxing-t .sec .s2 {
    font-size: 32px;
}

.che-toubu {
    height: 450px;
}

.che-toubu .imgbox {
    float: left;
    width: 60%;
    height: 100%;
}
.che-toubu .imgbox .swiper-container{
    height: 100%;
    width: 100%;
}
.che-toubu .imgbox .swiper-container .img{
    height: 100%;
    width: 100%;
}
.che-toubu  .swiper-pagination {
    text-align: right;
    padding-right: 5%;
    bottom: 5%;
}
.che-toubu .swiper-pagination-bullet{
    width: 16px;
    height: 7px;
    border-right: 5px;
    border-radius: 5px;
}
.che-toubu .swiper-pagination-bullet-active {
    width: 54px;
    background: #004da0;
}

.che-toubu .text {
    float: left;
    width: 40%;
    height: 100%;
    background: #fff;
    padding: 2.5%;
    position: relative;
    box-shadow: 0 0 8px #ccc;
}

.che-toubu .text .top {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    padding-bottom: 5%;
    border-bottom: 7px solid #f7f7f7
}
.che-toubu .text .che-tel i{
    display: block;
    font-weight: 700;
    color: #1a5faa;
    font-style: initial;
}
.che-toubu .text .che-tel p {
    font-size: 16px;
    color: #333;
    font-weight: lighter;
    margin-bottom: 10px;
}

.che-toubu .text .che-tel p span {
    font-weight: 700;
    color: #1a5faa;
    font-size: 24px;
}

.che-toubu .text .maiche1-img {
    position: absolute;
    right: 2%;
    bottom: 2%;
}


.maiche-section1 .che-tel {
    margin-top: 2%;
}

.che-t .line {
    position: absolute;
    right: 0;
    top: 53%;
    height: 1px;
    width: 80%;
    background: #9ab5e6;
}

.maiche-section2 .fengcai {
    height: 578px;
    position: relative;
}

.maiche-section2 .left {
    float: left;
    width: 72%;
    height: 100%;
    padding: 20px;
    background: #f4f6f6;
    position: relative;
}

.maiche-section2 .right {
    float: right;
    width: 25%;
    height: 100%;
    padding: 20px;
    background: #f4f6f6;
    position: relative;
}

.maiche-section2 .left .swiper-container {
    width: 100%;
    height: 100%;
}

.maiche-section2 .left .imgbox {
    width: 100%;
    height: 100%;
}

.maiche-section2 .right .swiper-container {
    width: 100%;
    height: 100%;
}

.maiche-section2 .right .imgbox {
    width: 100%;
    height: 100%;
}

.maiche-section2 .right .swiper-slide img {
    opacity: 0.5;
}

.maiche-section2 .right .swiper-slide.swiper-slide-thumb-active img {
    opacity: 1;
}

.maiche-section3 {
    background: #fbfbfb;
}

.maiche-section3 .zhanting .swiper-container {
    padding: 10px;
}

.maiche-section3 .zhanting .imgbox-out {
    width: 100%;
    height: 260px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
}

.maiche-section3 .zhanting .imgbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.maiche-section3 .zhanting .imgbox:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.maiche-section3 .che-t .line {
    width: 65%;
}

.maiche-section4 .honor .imgbox-out {
    width: 100%;
    height: 360px;
    border: 1px solid #c8c8c8;
    padding: 15px;
}

.maiche-section4 .honor .imgbox-out:hover {
    border: 1px solid #014ea0;
}

.maiche-section4 .honor .imgbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.maiche-section5 {
    background: #fbfbfb;
}

.maiche-section5 .loc {
    width: 100%;
    height: 600px;
}

.che-toubu .text .xiuche-title {
    margin-top: 4%;
}

.che-toubu .text .xiuche-title p {
    font-size: 16px;
    font-weight: 700;
    color: #1a5faa;
    margin-bottom: 10px;
}

.xiuche-section1 {
    background: url("../img/xiuche-section1-bg.jpg") no-repeat center / cover;
}

.xiuche-section2 .che-t .sec .s2 {
    margin-left: 0;
    margin-right: 1%;
}

.xiuche-section2 .mengdian {
    height: 510px;
}

.xiuche-section2 .mengdian .left {
    width: 60%;
    height: 100%;
    float: left;
    padding: 10px;
    background: #f4f6f6;
    position: relative;
}

.xiuche-section2 .mengdian .left .gallery-top {
    width: 100%;
    height: 100%;
}

.xiuche-section2 .mengdian .left .imgbox {
    width: 100%;
    height: 100%;
}

.xiuche-section2 .mengdian .left .tum {
    position: absolute;
    width: 80%;
    right: 4%;
    bottom: 6%;
}

.xiuche-section2 .mengdian .left .tum .swiper-container {
    width: 100%;
}

.xiuche-section2 .mengdian .left .tum .imgbox-out {
    width: 100%;
    height: 140px;
    padding: 5px;
    background: rgba(255,255,255,0.35);
}

.xiuche-section2 .mengdian .left .tum .imgbox {
    width: 100%;
    height: 100%;
}

.xiuche-section2 .mengdian .left .tum .swiper-slide img {
    -webkit-filter: brightness(57%);
    filter: brightness(57%);
}

.xiuche-section2 .mengdian .left .tum .swiper-slide.swiper-slide-thumb-active img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.xiuche-section2 .mengdian .right {
    width: 40%;
    height: 100%;
    float: left;
    padding: 4%;
}

.xiuche-section2 .mengdian .right .list {
    display: none;
}

.xiuche-section2 .mengdian .right .list .title {
    font-size: 36px;
    color: #333;
    margin-bottom: 5%;
}

.xiuche-section2 .mengdian .right .list .canshu span {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.xiuche-section2 .mengdian-img-box{
    padding:0 5%;
}
.xiuche-section2 .mengdian-img{
    width: 100%;
    padding:4%;
    background: #f4f6f6;
    height: 50vw;
}
.xiuche-section2 .mengdian-img img{
    width: 100%;
}

.xiuche-section2 .mengdian-map {
    padding: 0 5%;
    margin-top: 4%;
}

.xiuche-section2 .mengdian-map .xiuche1-img {
    float: left;
    width: 58%;
}

.xiuche-section2 .mengdian-map .text {
    float: right;
    width: 40%;
}

.xiuche-section2 .mengdian-map .text .list {
    margin-bottom: 3%;
}

.xiuche-section2 .mengdian-map .text .list .title {
    font-size: 14px;
    color: #333;
}

.xiuche-section2 .mengdian-map .text .list .con {
    font-size: 14px;
    color: #333;
    margin-top: 1%;
}

.xiuche-section2 .mengdian-map .text .list .con strong {
    font-weight: 700;
    color: #e71417;
}
.xiuche-section2 .mengdian-map .text .list{
    margin-bottom: 3%;
    padding-bottom: 3%;
    border-bottom:1px dashed #eee;
}
.xiuche-section2 .mengdian-map .text .list:last-child{
    border-bottom: none;
}
.xiuche-section2 .mengdian-map .text .list .left{
    float: left;
    width: 24%;
    font-size:14px;
    font-weight: 700;
    color:#333;
}
.xiuche-section2 .mengdian-map .text .list .right{
    float: right;
    width: 76%;
    padding-left:3%;
}
.xiuche-section2 .mengdian-map .text .list .right .f1{
    font-size:14px;
    color:#333;
}
.xiuche-section3 .service {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.xiuche-section3 .service .list {
    width: 31%;
    height: 330px;
    position: relative;
    overflow: hidden;
    margin-bottom: 3%;
}

.xiuche-section3 .service .list:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.xiuche-section3 .service .list .title {
    position: absolute;
    width: 95%;
    line-height: 45px;
    background: #f60315;
    font-size: 18px;
    color: #fff;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 5%;
}

.xiuche-section3 .service .list .title:before ,.xiuche-section3 .service .list .title:after {
    content: "";
    position: absolute;
    width: 35%;
    height: 1px;
    background: rgba(255,255,255,0.5);
    top: 50%;
}

.xiuche-section3 .service .list .title:before {
    left: 0;
}

.xiuche-section3 .service .list .title:after {
    right: 0;
}

.xiuche-section4 .left {
    float: left;
    width: 26%;
}

.xiuche-section4 .left .tbox {
    font-size: 18px;
    color: #333;
    margin-bottom: 6%;
}

.xiuche-section4 .left .tbox span {
    font-size: 22px;
    font-weight: 700;
}

.xiuche-section4 .left .canshu p {
    font-size: 18px;
    color: #333;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.xiuche-section4 .left .canshu p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    background: #f60315;
    border-radius: 100%;
}

.xiuche-section4 .right {
    float: right;
    width: 72%;
    display: flex;
    justify-content: space-between;
}

.xiuche-section4 .right .list {
    width: 32%;
    height: 260px;
}

.xiuche-section5 .longjiefengcai {
    height: 545px;
}

.xiuche-section5 .longjiefengcai .swiper-container {
    padding: 10px;
    height: 100%;
    width: 100%;
}

.xiuche-section5 .longjiefengcai .swiper-slide {
    height: calc((100% - 20px) / 2);
}

.xiuche-section5 .longjiefengcai .imgbox-out {
    width: 100%;
    height: 260px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
}

.xiuche-section5 .longjiefengcai .imgbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.xiuche-section5 .longjiefengcai .imgbox:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.xiuche-section5 .longjiefengcai .swiper-button-white {
    width: 36px;
    height: 80px;
    background: rgba(0,0,0,0.3);
}

.xiuche-section5 .longjiefengcai .swiper-button-white:after {
    font-size: 20px;
}

.xiuche-section6 {
    text-align: center;
}

.xiuche-section6 img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.xiuche-section6 img.xiuche3-img {
    margin: 1% auto;
}

.xiuche-section6 .fir {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    margin-top: 3%;
}

.xiuche-section6 .spanbox {
    text-align: center;
}

.xiuche-section6 .spanbox span {
    display: inline-block;
    font-size: 20px;
    color: #333;
    margin: 0 25px;
    position: relative;
}

.xiuche-section6 .spanbox span:after {
    display: block;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -30px;
    background: #9099b0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
}

.xiuche-section6 .spanbox span:last-child:after {
    display: none;
}

.xueche-section1 .che-toubu .bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.xueche-section1 .che-toubu .bottom .list {
    width: 48%;
    height: 175px;
    position: relative;
}

.xueche-section2 .xiaoqu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.xueche-section2 .xiaoqu .list {
    width: 32%;
    height: 257px;
    position: relative;
}

.xueche-section2 .xiaoqu .list:nth-child(-n+3) {
    margin-bottom: 3%;
}

.xueche-section2 .xiaoqu .list .title {
    position: absolute;
    width: 95%;
    line-height: 45px;
    background: #004da0;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -4%;
}

.xueche-section2 .xiaoqu .list .title span {
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
}

.xueche-section2 .xiaoqu .list .title span.s1 {
    font-weight: 500;
}

.xueche-section3 {
    background: #fafafa;
}

.xueche-section3 .xiangmu .left {
    float: left;
    width: 26%;
    margin-top: 4%;
}

.xueche-section3 .xiangmu .left .title {
    font-size: 28px;
    font-weight: 700;
    color: #004da0;
}

.xueche-section3 .xiangmu .left .line {
    width: 85px;
    height: 4px;
    background: #ededed;
    margin: 5% 0;
}

.xueche-section3 .xiangmu .left .spanbox span {
    display: block;
    font-size: 22px;
    margin-bottom: 10px;
    color: #333;
}

.xueche-section3 .xiangmu .left .spanbox span:last-child {
    text-indent: 4.2rem;
}

.xueche-section3 .xiangmu .right {
    float: right;
    width: 72%;
}

.xueche-section3 .xiangmu .right img {
    width: 100%;
}

.xueche-section4 .zhuanye {
    display: flex;
    justify-content: space-between;
}

.xueche-section4 .zhuanye .list {
    width: 32%;
    height: 290px;
    position: relative;
}
.xueche-section4 .zhu {
    text-align: right;
    font-size: 16px;
    color: #004da0;
    margin-top: 3%;
}

.xueche-section5 .che-t .abtext {
    position: absolute;
    width: 63%;
    font-size: 16px;
    color: #666666;
    right: 0;
    top: 17%;
}

.team-t {
    margin-bottom: 4%;
}

.team-t .fir {
    text-align: center;
    font-size: 70px;
}

.team-t .sec .s1 {
    color: #333;
}

.team-t .sec {
    justify-content: center;
    margin-top: -63px;
}

.team-t .sec .s2 {
    font-size: 30px;
}

.team-inner-item-top {
    width: 100%;
    border-bottom: 3px solid #eee;
    margin-bottom: 4%;
    padding: 0 9%;
}

.team-inner-item-top .list {
    width: 100%;
    overflow: hidden;
}

.team-inner-item .list .imgbox {
    width: 100%;
    overflow: hidden;
}

.team-inner-item-top .list .imgbox {
    height: 515px;
}

.team-inner-item .list .title {
    font-size: 18px;
    color: #999;
    text-align: center;
    line-height: 50px;
}

.team-inner-item-top .list .title {
    margin: 3% 0;
}

.team-inner-item-bottom {
    padding: 0 7%;
}

.team-inner-item-bottom .list {
    float: left;
    width: 50%;
    padding: 0 2%;
    margin-bottom: 3%;
}

.team-inner-item-bottom .list .imgbox {
    height: 370px;
}

.team-inner-item-bottom .list .title {
    margin-top: 2%;
}

.team-inner-item .list:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.team-inner-item .list:hover .title {
    color: #014ea0;
}

.bg {
    background: #f5f5f5;
}

.zuimei-inner-list {
    float: left;
    width: 25%;
    padding: 0 1%;
}

.zuimei-inner-list .list {
    width: 100%;
}

.zuimei-inner-list .imgbox {
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden;
}

.zuimei-inner-list .text {
    background: #fff;
    padding: 3% 10% 7% 10%;
}

.zuimei-inner-list .text .fir {
    line-height: 60px;
    font-size: 26px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #dde0e7;
    position: relative;
}

.zuimei-inner-list .text .fir i {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../img/zuimei1.png") no-repeat center;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.zuimei-inner-list .text .sec {
    font-size: 16px;
    color: #333;
    position: relative;
    margin-top: 6%;
}

.zuimei-inner-list .imgbox .meng {
    position: absolute;
    width: 80%;
    height: 80%;
    background: rgba(0,77,160,0.5) url("../img/zuimei2.png") no-repeat center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
}

.zuimei-inner-list:hover .imgbox .meng {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.zuimei-inner-list .imgbox .meng a {
    display: block;
    width: 100%;
    height: 100%;
}

.team-inner .imgbox {
    float: left;
    width: 30%;
}

.team-inner .imgbox img {
    width: 100%;
}

.team-inner .text {
    margin: 0 auto;
    width: 80%;
    background: #fff;
    padding: 3%;
    font-size: 17px;
    line-height: 33px;
    color: #333;
}

.team-inner .text img {
    max-width: 100%;
}

.team-inner .team-t .sec {
    margin-top: -19px;
}

.yanfa-section1 .text {
    float: left;
    width: 47%;
    padding: 0 0 0 8.5%;
}

.yanfa-section1 .text .t {
    display: flex;
    align-items: center;
    justify-content: left;
}

.yanfa-section1 .text .t p {
    font-size: 36px;
    color: #333;
    font-weight: lighter;
}

.yanfa-section1 .text .t p span {
    font-weight: 700;
}

.yanfa-section1 .imgbox {
    float: right;
    position: relative;
}

.yanfa-section1 .text .des {
    font-size: 18px;
    color: #333;
    line-height: 35px;
    padding-top: 5%;
    border-top: 1px solid #cacaca;
    margin-top: 3%;
}

.yanfa-section1 .imgbox .telbox {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px #ccc;
    width: 80%;
    padding: 4% 5%;
    margin-top: 5%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin-top: 0;
}

.yanfa-section1 .telbox .t-list {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.yanfa-section1 .telbox .t-list .imgbox {
    width: 26px;
    height: 26px;
    background: #666;
    position: relative;
    border-radius: 100%;
}

.yanfa-section1 .telbox .t-list:hover .imgbox {
    background: #16c2c2;
}

.yanfa-section1 .telbox .t-list .imgbox img {
    position: absolute;
    max-width: 60%;
    max-height: 74%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.yanfa-section1 .telbox .t-list .con {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    margin-left: 4%;
}

.yanfa-section1 .telbox .t-list:hover .con {
    color: #16c2c2;
}

.yanfa-t {
    margin-bottom: 3%;
}

.yanfa-t .fir {
    text-align: center;
}

.yanfa-section2 .list:nth-child(1) .yanfa-t .fir {
    font-size: 30px;
}

.yanfa-section2 .list:nth-child(1) {
    margin-bottom: 4%;
}

.yanfa-t .sec {
    justify-content: center;
}

.yanfa-t .sec .s1 {
    color: #333;
}

.yanfa-t .sec .s2 {
    margin-left: 0;
}

.yanfa-section2 .list .img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.yanfa-section2 {
    background: linear-gradient(to bottom, #fff 48%,#d8d8d8);
    padding-bottom: 4%;
}

.yanfa-section3 .left {
    float: left;
    width: 36%;
}

.yanfa-section3 .left img {
    width: 100%;
}

.yanfa-section3 .right {
    width: 60%;
    float: right;
    display: flex;
    justify-content: space-between;
}

.yanfa-section3 .right .list {
    height: 305px;
    position: relative;
    width: 24%;
    box-shadow: 0 0 5px #ccc;
}

.yanfa-section4 .des {
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    padding: 0 5%;
    text-indent: 2rem;
}

.yanfa-section4 .yanfa5-img {
    max-width: 100%;
    display: block;
    margin: 3% auto 0 auto;
}
.yanfa-section5{
    padding-top: 3%;
}
.yanfa-section5 .item .list {
    height: 285px;
}

.yanfa-section5 .item .list:nth-child(-n+2) {
    margin-bottom: 4%;
}

.yanfa-section5 .item .list .text {
    height: 100%;
    padding: 3%;
    color: #fff;
    width: 37%;
}

.yanfa-section5 .item .list .imgbox {
    width: 63%;
    height: 100%;
}

.yanfa-section5 .item .list .text .fir {
    font-size: 20px;
    font-weight: 700;
}

.yanfa-section5 .item .list .text .line {
    width: 36px;
    height: 2px;
    background: #fff;
    margin: 5% 0;
}

.yanfa-section5 .item .list .text .sec {
    font-size: 16px;
    line-height: 30px;
}

.yanfa-section5 .item .list:nth-child(1) .text {
    background: #48c4d3;
}

.yanfa-section5 .item .list:nth-child(2) .text {
    background: #db6952;
}

.yanfa-section5 .item .list:nth-child(3) .text {
    background: #00a0e8;
}

.yanfa-section5 .item .list:nth-child(odd) .text {
    float: left;
}

.yanfa-section5 .item .list:nth-child(even) .text {
    float: right;
}

.yanfa-section5 .item .list:nth-child(odd) .imgbox {
    float: right;
}

.yanfa-section5 .item .list:nth-child(even) .imgbox {
    float: left;
}

.yanfa-section5 .item .list:nth-child(3) {
    height: 470px;
}

.pingpai-inner-list {
    height: 395px;
    margin-bottom: 3%;
}

.pingpai-inner-list:hover {
    box-shadow: 0 0 5px #ccc;
}

.pingpai-inner-list .imgbox {
    float: left;
    width: 550px;
    height: 100%;
    position: relative;
}

.pingpai-inner-list .text {
    float: left;
    height: 100%;
    width: calc(100% - 550px);
    background: #fff;
    padding: 3% 4%;
}

.pingpai-inner-list .text .title {
    font-weight: 700;
    font-size: 22px;
    color: #393939;
    padding-bottom: 3%;
    border-bottom: 1px solid #ececec;
    margin-bottom: 4%;
}

.pingpai-inner-list .text .des {
    font-size: 14px;
    color: #898989;
    line-height: 25px;
    text-indent: 2rem;
}

.pingpai-inner-list .text a {
    display: block;
}

.all-a-button {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 180px;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 6%;
    background: #004da0;
}

.all-a-button span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.all-a-button:before {
    position: absolute;
    top: -50%;
    left: -20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #00b0f0;
    content: '';
    -webkit-transition: 350ms 0s all linear;
    -moz-transition: 350ms 0s all linear;
    -o-transition: 350ms 0s all linear;
    transition: 350ms 0s all linear;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -ms-transition: 350ms 0s all linear;
    -ms-transform: scale(0);
}

.all-a-button:hover:before {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    -ms-transform: scale(10);
}
.dang-section1{
    background: url("../img/dangbg.jpg") no-repeat center bottom / cover;
    margin-bottom: 3%;
}
.dang-section1 .left{
    float: left;
}
.dang-section1 .left .dangzhang{
    max-width: 100%;
    margin-bottom: 17%;
}
.dang-section1 .left .text p{
    float: left;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
}
.dang-section1 .left .text p.fir{
    font-size:50px;
    color:#fdf4ac;
    font-weight: 200;
    margin-top: 115%;
}
.dang-section1 .left .text p.sec{
    font-size:50px;
    color:#fdf4ac;
    font-weight: 700;
}
.dang-section1 .right{
    float: right;
    width: 85%;
}
.dang-section1 .right .t{
    font-family: ziti1;
    font-size: 66px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.05;
}
.dang-section1 .right .con{
    background: #fff;
    border-radius: 30px;
    margin-top: -20px;
}
.dang-section1 .right .con .imgbox{
    padding: 1% 2% 0 2%;
}
.dang-section1 .right .con .imgbox img.img1{
    float: left;
}
.dang-section1 .right .con .imgbox img.img2{
    float: right;
}
.dang-section1 .right .con .text{
    width: 100%;
    padding: 0 10% 8% 10%;

}
.dang-section1 .right .con .text .fir{
    font-weight: 700;
    line-height: 40px;
    color:#333;
    font-size:20px;
    margin-bottom: 2%;
    text-align: justify;
    text-indent: 2rem;
}
.dang-section1 .right .con .text .line{
    width: 100%;
    height: 6px;
    background: #f7f7f7;
    margin-bottom: 3%;
}
.dang-section1 .right .con .text .sec{
    color:#333;
    font-size:18px;
    line-height: 40px;
    text-align: justify;
    text-indent: 2rem;
    margin-bottom: 3%;
}
.dang-section1 .right .con .text .sec strong{
    background: #fff2ec;
}
.dang-section1 .swiper-container-dang{
    width: 100%;
}
.dang-section1 .swiper-container-dang .tup{
    width: 100%;
    height: 288px;
    overflow: hidden;
    border-radius: 20px;
    overflow: hidden;
}
.dang-inner-item {
    padding: 0 10%;
    margin-bottom: 5%;
}

.dang-inner-item-top img {
    max-width: 60%;
    display: block;
    margin: 0 auto;
}

.dang-inner-item-top .title {
    font-size: 15px;
    line-height: 30px;
    color: #666;
    margin-top: 3%;
    border-bottom: 3px solid #eee;
    padding-bottom: 3%;
    margin-bottom: 4%;
}

.dang-inner-item-bottom {
    padding: 2% 1%;
    background: #f3f3f3;
}

.dang-inner-item-bottom .list {
    width: 33.33%;
    float: left;
    padding: 0 1%;
    margin-bottom: 2%;
}

.dang-inner-item-bottom .list .imgbox {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.dang-inner-item-bottom .list:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.dang-inner-item-bottom .list .text {
    background: #fff;
    padding: 6% 0 0 0;
}

.dang-inner-item-bottom .list .text .title {
    font-size: 20px;
    font-weight: 700;
    color: #3c3c3c;
    padding: 0 5%;
}

.dang-inner-item-bottom .list:hover .text .title {
    color: #004da0;
}

.dang-inner-item-bottom .list .text .des {
    font-size: 14px;
    line-height: 21px;
    margin: 3% 0 3% 0;
    color: #989898;
    padding: 0 5% 4% 5%;
}

.dang-inner-item-bottom .list .text .text-time {
    line-height: 55px;
    border-top: 1px solid #e2e2e2;
    font-size: 14px;
    color: #989898;
    padding: 0 7%;
    padding-left: 57px;
    background: url(../img/index-news-time-bg.jpg) no-repeat left 7% center;
}

.article-box {
    text-align: center;
    margin-bottom: 4%;
}

.article-box .title {
    color: #004da0;
    font-size: 26px;
    font-weight: bold;
}

.article-box .clickbox {
    margin-top: 2%;
    line-height: 25px;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #777;
    border: 1px solid #ddd;
    background: #f8f8f8;
    position: relative;
    text-align: center;
}

.article-box .clickbox span {
    margin-right: 2%;
}

.rong-section1 {
    padding: 4% 0 7% 0;
}

.rong-section1 img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.rong-section1 .item {
    display: flex;
    justify-content: center;
}

.rong-section1 .item .list {
    margin: 0 3%;
    width: 15%;
    border: 1px solid #eee;
}

.rong-section1 .item .list .imggox {
    width: 100%;
    padding: 0 15px;
}

.rong-section1 .item .list p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #04529c;
    line-height: 40px;
}

.news-inner-bottom {
    background: none;
    padding: 0;
}

.news-inner-item {
    padding: 0 5%;
}

.news-inner-bottom .list {
    padding: 0 1.5%;
}

.news-inner-bottom .list .meng {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    transition: all 0.5s ease;
}

.news-inner-bottom .list:hover .meng {
    opacity: 1;
}

.news-inner-bottom .list .meng a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    display: block;
    width: 100%;
    padding: 10px 10%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.news-inner-bottom .list .meng a:after ,.news-inner-bottom .list .meng a:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.news-inner-bottom .list .meng a:before {
    top: 0;
}

.news-inner-bottom .list .meng a:after {
    bottom: 0;
}

.news-inner-bottom .list:hover .meng a:after, .news-inner-bottom .list:hover .meng a:before {
    width: 1rem;
}

.news-inner .text {
    width: 100%;
}

.news-inner .text .left {
    float: left;
    width: 70%;
}

.news-inner .text .right {
    float: right;
    width: 24%;
}

.news-inner .text .right .t {
    width: 100%;
    line-height: 50px;
    background: #004da0;
    padding-left: 7%;
    font-size: 24px;
    color: #fff;
}

.news-inner .text .right .top .img {
    width: 100%;
    height: 275px;
    overflow: hidden;
}

.news-inner .text .right .top .wenzi {
    padding: 6%;
    background: #eee;
}

.news-inner .text .right .top .wenzi .title {
    font-size: 18px;
    color: #004da0;
    margin-bottom: 1%;
}

.news-inner .text .right .top .wenzi .des {
    font-size: 14px;
    color: #595959;
    line-height: 21px;
}

.news-inner .text .right .bottom {
    padding: 0 6% 6% 6%;
    background: #eee;
}

.news-inner .text .right .bottom .list a {
    display: block;
    line-height: 36px;
    padding-left: 23px;
    background: url(../img/news-other-jian.png) no-repeat center left;
    font-size: 16px;
    color: #333;
}

.news-inner .text .right .bottom .list a:hover {
    color: #004da0;
}

.contact-inner .locout {
    position: relative;
}

.contact-inner .loc {
    position: relative;
    height: 720px;
    width: 100%;
}

.loc-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 77%;
    width: 430px;
    background: rgba(42,42,42,0.9);
    color: #fff;
}

.loc-text .list {
    width: 100%;
    padding: 13% 13% 11% 13%;
}

.loc-text .list .t {
    font-size: 30px;
    color: #fff;
    margin-bottom: 18%;
}

.loc-text .list ul li {
    margin-bottom: 10%;
}

.loc-text .list ul li span {
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 20px;
    margin-top: 4px;
}

.loc-text .list ul li span img {
    width: 100%;
}

.loc-text .list ul li p {
    float: left;
    width: calc(100% - 40px);
    line-height: 1.5em;
}

.loc-text .list ul li p em {
    display: block;
}

.loc-di {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right,rgb(30 138 255 / 50%) 20%,rgb(57 167 44 / 50%));
    font-size: 15px;
    line-height: 25px;
    padding: 4% 5%;
    color: #fff;
}

.mes {
    margin-top: 4%;
}

.mes .left {
    float: left;
    width: 50%;
}

.mes .left img {
    width: 100%;
}

.mes .right {
    float: right;
    width: 45%;
}

.mes .right .t {
    font-size: 24px;
    color: #000;
    margin-bottom: 3%;
}

.mes .right input,.mes .right textarea {
    padding: 10px;
    padding-top: 30px;
    outline: none;
    width: 100%;
    border-bottom: 1px solid #6b6b6f;
    font-size: 14px;
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mes .right input {
}

.mes .right input::placeholder {
    font-size: 14px;
    color: #999;
}

.mes .right textarea {
    height: 115px;
}

.mes .right textarea::placeholder {
    font-size: 14px;
    color: #999;
}

.mes .right .code {
    position: relative;
}

.mes .right .code .verify {
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0;
    bottom: 1px;
}

.mes .right .code .verify img {
    width: 100%;
    height: 100%;
}

.mes .right input:focus,.mes .right textarea:focus {
    border-bottom: 1px solid #004da0;
}

.mes .right .submit {
    display: block;
    width: 154px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    border-radius: 50px;
    margin-top: 3%;
    background: linear-gradient(to right,rgb(30 138 255) 20%,rgb(57 167 44));
    color: #fff;
}

.mes .right .submit:hover {
    box-shadow: 0 0 7px #2996aa;
}

.renwudes .con1 .imgbox {
    width: 50%;
    height: 400px;
    position: relative;
    float: left;
}

.renwudes .con1 .imgbox .swiper-container {
    width: 100%;
    height: 100%;
}

.renwudes .con1 .imgbox .img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.renwudes .con1 .text {
    float: left;
    width: 50%;
    padding: 4%;
}

.renwudes .con1 .text .title {
    font-size: 34px;
    color: #004da0;
    letter-spacing: 1px;
}

.renwudes .con1 .text .tags {
    font-size: 19px;
    color: #666;
    margin-top: 4%;
}

.renwudes .con1 .text .line {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 2% 0 4% 0;
}

.renwudes .con1 .text .pj {
    font-size: 15px;
    color: #666;
    margin-top: 4%;
    line-height: 30px;
}

.renwudes .con2 {
    margin-top: 4%;
}

.renwudes .con2 .tbox {
    border-bottom: 1px solid #004da0;
}

.renwudes .con2 .t {
    display: inline-block;
    background: #004da0;
    font-size: 16px;
    line-height: 40px;
    padding: 0 4%;
    color: #fff;
}

.renwudes .con2 .neirong {
    font-size: 18px;
    color: #666;
    line-height: 33px;
    margin-top: 2%;
}

.renwudes .con2 .neirong img {
    max-width: 100%;
}

.renwudes .con2 table tr td {
    position: relative;
    padding-left: 15px;
}

.renwudes .con2 table tr td:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #004da0;
    border-radius: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gongzuoshi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gongzuoshi {
    margin-top: 4%;
}

.gongzuoshi .list {
    width: 24%;
}

.gongzuoshi .list .title {
    padding: 10px 20px;
    background: #00b0f0;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.gongzuoshi .list .con {
    text-align: justify;
    padding: 6%;
    border: 1px solid #eee;
    border-top: none;
    color: #666;
    font-size: 15px;
    line-height: 30px;
}

.yongche-inner{
    padding:4% 0;
 }
.yongche-inner-list{
    float: left;
    width: 50%;
    padding:0 2%;
    margin-bottom: 3%;
}

.yongche-inner-itme{
    padding: 0 7%;
}
.yongche-inner-list .imgbox{
    width: 100%;
    height: 370px;
    border: 1px solid #eee;
    padding: 10px;
}
.yongche-inner-list:hover .imgbox{
    border:1px solid #004da0;
}
.yongche-inner-list .imgbox-inner{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.yongche-inner-list:hover .imgbox img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.yongche-type{
    text-align:center;
}
.yongche-type a{
    display: inline-block;
    width: 16%;
    line-height: 45px;
    border: 1px solid #b6cee8;
    font-size: 16px;
    color: #666;
    border-radius: 20px;
    margin: 0 0.5% 2% 0.5%;
}
.yongche-type a:hover ,.yongche-type a.active{
    color:#fff;
    background: #004da0;

}

.dangdes .con1 .imgbox{
    width: 100%;
    float: none;
}

.jianbao-inner-itme .top{
    background: #f5f5f5;
    padding:5% 0 4% 0;
}
.jianbao-inner-list{
    float: left;
    width: 25%;
    padding: 0 1%;
    margin-bottom: 2%;
}
.jianbao-inner-list .imgbox{
    width: 100%;
    height: 305px;
    overflow: hidden;
    border:1px solid #ddd;
    border-bottom:none;
}
.jianbao-inner-list .title{
    padding: 4% 0;
    background: #fff;
    border:1px solid #c6c6c6;
    text-align:center;
}
.jianbao-inner-list .title span{
    display: block;
}
.jianbao-inner-list .title span.s1{
    font-size: 16px;
    font-weight: 700;
    color: #999999;
    margin-bottom: 2%;
}
.jianbao-inner-list .title span.s2{
    font-size:16px;
    color:#999999;
}
.jianbao-inner-list:hover .title span.s1{
    color: #004da0;
}
.jianbao-inner-list:hover .imgbox img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.section-news{
    background: url("../img/newsbg.png") no-repeat left bottom;
}
.section-news .left{
    float: left;
    width: 32%;
    height: 100%;
    padding: 0 0 0 12%;
    display: flex;
    align-items: center;
}
.section-news .left .tbox .fir{
    color: #999;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: lighter;
    font-family: ziti3;
    margin-bottom: 3%;
}
.section-news .left .tbox .sec{
    color: #004da0;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
}
.section-news .left .tbox .sec span{
    font-weight: 200;
    color:#333;
}
.section-news .left .news-more{
    display: block;
    width: 170px;
    line-height: 60px;
    text-align:center;
    font-size:16px;
    color:#333333;
    border:1px solid #000000;
    margin-top: 17%;
}
.section-news .left .news-more:hover{
    color:#fff;
    background: #1a5faa;
    border:1px solid #1a5faa;
}
.section-news .right{
    float: right;
    width: 68%;
    height: 100%;
    position: relative;
}
.section-news .right .swiper-container{
    width: 100%;
    height: 100%;
}
.section-news .swiper-slide:hover{
    background: #f7f7f7;
}
.section-news .right .fir{
    font-size:100px;
    color:#f3f3f6;
    font-family: ziti1;
}
.section-news .swiper-slide:hover .fir{
    opacity: 0;
}
.section-news .right .swiper-slide{
    padding:15% 3% 0 3%;
    border-left:1px solid #efefef;
}
.section-news .right .sec{
    font-size:22px;
    color:#999;
    font-family: ziti1;
}
.section-news .right .sec span{
    opacity: 0;
    font-family: ziti1;
}
.section-news .swiper-slide:hover .sec span{
    opacity: 1;
}
.section-news .right .thr{
    font-size:22px;
    color:#353b60;
    font-weight: 700;
    margin: 4% 0 19% 0;
}
.section-news .swiper-slide:hover .thr{
    color:#004da0;
}
.section-news .right  .imgbox{
    width: 100%;
    height: 226px;
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 0 0 10px #bdbdbd;
}
.section-news .swiper-slide:hover .imgbox img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.section-news .white_mask{
    width: 33%;
    height: 100%;
    background: url(../img/mask.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
}
.section-news .left .news-but{
    width: 130px;
    height: 50px;
    position: relative;
    margin-top: 80%;
}
.section-news .left .news-but .but{
    width: 50px;
    height: 50px;
    background: #ddd;
    border-radius: 100%;
    top:0;
    margin-top: 0;
}
.section-news .left .news-but .but:hover{
    background: #004da0;
}
.section-news .left .news-but .but:after{
    font-size: 15px;
}
.section-news .left .news-but .swiper-button-next{
    right:0;
}
.section-news .left .news-but .swiper-button-prev{
    left:0;
}
.servicelunbo .service-but{
    display: none;
    width: 96px;
    height: 50px;
    position: relative;
    margin-left: 3%;
}
.servicelunbo .service-but .but {
    width: 40px;
    height: 40px;
    background: #ddd;
    border-radius: 100%;
    top: 0;
    margin-top: 0;
}
.servicelunbo .service-but .but:after {
    font-size: 15px;
}
.servicelunbo .service-but .but.swiper-button-prev{
    left:0;
}
.servicelunbo .service-but .but.swiper-button-next{
    right:0;
}
.paopaosec{
    display: none;
}
.chuxing-section1 .bottomsec{
    display: none;
}
.chuxing-section1 .bottomsec{
    padding:0 3%;
    height: auto;
}
.chuxing-section1 .bottomsec .list{
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    flex-direction: inherit;
}
.chuxing-section1 .bottomsec .list .img{
    width: 49%;
    height: 150px;
    position: relative;
    margin-bottom: 2%;
}

.xinxi-inner-item{
    width: 95%;
    background: #fff;
    margin:0 auto;
    padding:2% 4%;
}
.xinxi-inner-item .list{
    padding:4% 0;
    border-bottom: 1px solid #c5c5c5;
    position: relative;
}
.xinxi-inner-item .list .jiantou{
    position: absolute;
    width: 45px;
    height: 13px;
    background: url("../img/jiantou.png") no-repeat center;
    right:4%;
    top:50%;
    margin-top: -6px;
    opacity: 1;
}
.xinxi-inner-item .list:hover .jiantou{
    opacity: 1;
}
.xinxi-inner-item .list .title{
    color: #333;
    font-size:20px;
    position: relative;
    padding-left:30px;
    float: left;
    font-weight: 700;
}
.xinxi-inner-item .list:hover .title{
    color:#fff;
}
.xinxi-inner-item .list .time{
    float: right;
    font-size:14px;
    color:#999;
    padding-left:26px;
    background: url(../img/index-news-time-bg.jpg) no-repeat left center;
}
.xinxi-inner-item .list:hover .time{
    opacity: 0;
}
.xinxi-inner-item .list .title:before{
    position: absolute;
    content:"";
    left:0;
    top:50%;
    height: 2px;
    width: 21px;
    background: #333;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.xinxi-inner-item .list:hover .title:before{
    background: #fff;
}
.xinxi-inner-item .list .des{
    color: #666;
    font-size:16px;
    line-height: 24px;
    margin-top: 1%;

}
.xinxi-inner-item .list:hover .des{
    color:#fff;
    padding-right: 10%;
}
.xinxi-inner-item .list:hover{
    background: #7d7d7d;
    background: -moz-linear-gradient(left, #004da0, #96adc5);
    background: -webkit-linear-gradient(left, #004da0, #96adc5);
    background: -o-linear-gradient(left, #004da0, #96adc5);
    border-bottom: 1px solid transparent;
    box-shadow: 0 0.15rem 0.2rem rgb(0 0 0 / 20%);
    padding: 4% 4%;
}



.t3{
    padding-top: 5%;
}
.t3 .chuxing-t{
    text-align:center;
    margin-bottom: 2%;
}
.t3 .chuxing-t .sec{
    justify-content: center;
}
.t3 .con{
    background: #fafafa;
}
.t3 .con .imgbox{
    float: right;
    width: 50%;
    height: 610px;
    position: relative;
}
.t3 .con .imgbox .swiper-container{
    width: 100%;
    height: 100%;
}
.t3 .con .imgbox .img{
    width: 100%;
    height: 100%;
}
.t3 .con .text{
    float: left;
    padding:2% 4% 0 5.5%;
    width: 50%;
}
.t3 .con .text .des{
    line-height: 30px;
    color: #333;
    font-size: 16px;
    margin-bottom: 4%;
}
.t3 .con .text .item .list{
    float: left;
    width: 50%;
    text-align:center;
    padding:2% 5%;
}
.t3 .con .text .item .list .icon{
    width: 62px;
    height: 62px;
    position: relative;
    margin: 0 auto;
    background: #b9d6f5;
    border-radius: 40px;
}
.t3 .con .text .item .list .icon img{
    max-width: 55%;
    max-height: 75%;
}
.t3 .con .text .item .list .fir{
    font-size:16px;
    color:#333;
    font-weight: bold;
    margin:3% 0 3% 0;
}
.t3 .con .text .item .list .sec{
    font-size:14px;
    color:#666;
    line-height: 25px;
}

.t3_moive{
    padding-top: 5%;
}
.t3_moive_box{
    width: 80%;
    margin:0 auto;
    height: 35vw;
}